/* Fortine brand tokens. Generated from the brand guide (v1.12). */

:root {
  --color-woodsmoke: #33231A;
  --color-birch: #F4F3EF;
  --color-charcoal: #14161A;
  --color-ember: #1E140E;
  --color-fireside-orange: #FF5F15;
  --color-hot-core-yellow: #FFE11A;
  --color-forest-green: #00A544;
  --color-mountain-blue: #1A6BF8;
  --color-northern-lights: #5B2DC8;
  --color-northern-lights-dark: #8F6BF5;
  --color-huckleberry: #81265C;
  --color-huckleberry-dark: #C0578D;
  --font-display: 'Geist Mono', ui-monospace, SFMono-Regular, Menlo, monospace;
  --font-body: 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --radius-control: 6px;
  --focus-ring-width: 2px;
}

/* Fortine — apply to <html> or any wrapper */
.theme-fortine {
  --brand: #FF5F15;
  --brand-on-dark: #FF5F15;
  --brand-accent: #FFE11A;
  --primary-solid: #1A6BF8;
  --primary-on: #FFFFFF;
  --primary-tint: #E8F1FF;
  --primary-ink: #0D61ED;
  --primary-solid-border: #0651CD;
  --primary-solid-shadow: 0 1px 2px rgba(16,33,62,0.16);
  --danger-solid: #D92D3F;
  --danger-on: #FFFFFF;
  --danger-tint: #FFEBEA;
  --danger-ink: #D02138;
  --danger-solid-border: #B50429;
  --danger-solid-shadow: 0 1px 2px rgba(57,20,20,0.16);
  --alert-solid: #FFC719;
  --alert-on: #1E140E;
  --alert-tint: #FDEFCF;
  --alert-ink: #866702;
  --alert-solid-border: #DCAB0E;
  --alert-solid-shadow: 0 1px 2px rgba(44,32,0,0.16);
  --success-solid: #00A544;
  --success-on: #1E140E;
  --success-tint: #DDF9E0;
  --success-ink: #027D32;
  --success-solid-border: #008636;
  --success-solid-shadow: 0 1px 2px rgba(8,41,16,0.16);
  --neutral-solid: #6B5A4E;
  --neutral-on: #FFFFFF;
  --neutral-tint: #F7EEE8;
  --neutral-ink: #6B5A4E;
  --neutral-solid-border: #524236;
  --neutral-solid-shadow: 0 1px 2px rgba(54,25,0,0.16);
}
.theme-fortine.dark, .dark .theme-fortine, :root.dark.theme-fortine {
  --primary-ink: #4C8CFE;
  --primary-tint: #152643;
  --danger-ink: #FA5059;
  --danger-tint: #3F1919;
  --alert-ink: #FFC719;
  --alert-tint: #322401;
  --success-ink: #06A746;
  --success-tint: #0D2E15;
  --neutral-ink: #9E8B7E;
  --neutral-tint: #2C251F;
}

/* Maker HQ — apply to <html> or any wrapper */
.theme-makerhq {
  --brand: #1153F5;
  --brand-on-dark: #4487FF;
  --brand-accent: #B6F500;
  --primary-solid: #1153F5;
  --primary-on: #FFFFFF;
  --primary-tint: #E9F0FF;
  --primary-ink: #1153F5;
  --primary-solid-border: #0139C8;
  --primary-solid-shadow: 0 1px 2px rgba(18,32,62,0.16);
  --danger-solid: #DE3339;
  --danger-on: #FFFFFF;
  --danger-tint: #FFEBE9;
  --danger-ink: #D0202D;
  --danger-solid-border: #BA1022;
  --danger-solid-shadow: 0 1px 2px rgba(58,20,19,0.16);
  --alert-solid: #F2A40C;
  --alert-on: #1E140E;
  --alert-tint: #FFEDD7;
  --alert-ink: #90610E;
  --alert-solid-border: #CC8B18;
  --alert-solid-shadow: 0 1px 2px rgba(48,29,1,0.16);
  --success-solid: #2F9A3A;
  --success-on: #1E140E;
  --success-tint: #DEF9DE;
  --success-ink: #0F7D22;
  --success-solid-border: #0F7D22;
  --success-solid-shadow: 0 1px 2px rgba(12,41,14,0.16);
  --neutral-solid: #5B6475;
  --neutral-on: #FFFFFF;
  --neutral-tint: #ECF0F8;
  --neutral-ink: #5B6475;
  --neutral-solid-border: #434B5B;
  --neutral-solid-shadow: 0 1px 2px rgba(18,32,62,0.16);
}
.theme-makerhq.dark, .dark .theme-makerhq, :root.dark.theme-makerhq {
  --primary-ink: #5389FE;
  --primary-tint: #172544;
  --danger-ink: #FA4F50;
  --danger-tint: #3F1917;
  --alert-ink: #F2A40C;
  --alert-tint: #372100;
  --success-ink: #3CA545;
  --success-tint: #112E13;
  --neutral-ink: #8690A2;
  --neutral-tint: #23272E;
}

/* use-wc — apply to <html> or any wrapper */
.theme-use-wc {
  --brand: #F3007E;
  --brand-on-dark: #F3007E;
  --brand-accent: #FFB38A;
  --primary-solid: #0A6ADF;
  --primary-on: #FFFFFF;
  --primary-tint: #E8F1FF;
  --primary-ink: #0367DC;
  --primary-solid-border: #0051B1;
  --primary-solid-shadow: 0 1px 2px rgba(14,33,62,0.16);
  --danger-solid: #E3263C;
  --danger-on: #FFFFFF;
  --danger-tint: #FFEBE9;
  --danger-ink: #D60F32;
  --danger-solid-border: #BA0B2A;
  --danger-solid-shadow: 0 1px 2px rgba(57,20,20,0.16);
  --alert-solid: #F2A000;
  --alert-on: #1E140E;
  --alert-tint: #FEEDD9;
  --alert-ink: #93610F;
  --alert-solid-border: #CC8813;
  --alert-solid-shadow: 0 1px 2px rgba(48,29,1,0.16);
  --success-solid: #16A34A;
  --success-on: #1E140E;
  --success-tint: #DCF9E0;
  --success-ink: #127D38;
  --success-solid-border: #0F843A;
  --success-solid-shadow: 0 1px 2px rgba(7,41,17,0.16);
  --neutral-solid: #6E5F68;
  --neutral-on: #FFFFFF;
  --neutral-tint: #F6EDF2;
  --neutral-ink: #6E5F68;
  --neutral-solid-border: #55464F;
  --neutral-solid-shadow: 0 1px 2px rgba(52,21,42,0.16);
}
.theme-use-wc.dark, .dark .theme-use-wc, :root.dark.theme-use-wc {
  --primary-ink: #3D8DFE;
  --primary-tint: #132643;
  --danger-ink: #FC4F58;
  --danger-tint: #3F1919;
  --alert-ink: #F2A000;
  --alert-tint: #372100;
  --success-ink: #1AA54C;
  --success-tint: #0D2E15;
  --neutral-ink: #9B8B94;
  --neutral-tint: #2C2429;
}

/* wrshp — apply to <html> or any wrapper */
.theme-wrshp {
  --brand: #F64A52;
  --brand-on-dark: #F64A52;
  --brand-accent: #7B2CFF;
  --primary-solid: #7B2CFF;
  --primary-on: #FFFFFF;
  --primary-tint: #F0EEFF;
  --primary-ink: #7B2CFF;
  --primary-solid-border: #610DD2;
  --primary-solid-shadow: 0 1px 2px rgba(34,27,60,0.16);
  --danger-solid: #E8173A;
  --danger-on: #FFFFFF;
  --danger-tint: #FFEBEA;
  --danger-ink: #D50B32;
  --danger-solid-border: #BB0C2C;
  --danger-solid-shadow: 0 1px 2px rgba(57,20,20,0.16);
  --alert-solid: #FFB000;
  --alert-on: #1E140E;
  --alert-tint: #FEEED6;
  --alert-ink: #8F630D;
  --alert-solid-border: #D99719;
  --alert-solid-shadow: 0 1px 2px rgba(47,30,1,0.16);
  --success-solid: #00B86B;
  --success-on: #1E140E;
  --success-tint: #CBFFDC;
  --success-ink: #0E7E49;
  --success-solid-border: #099858;
  --success-solid-shadow: 0 1px 2px rgba(1,42,20,0.16);
  --neutral-solid: #66656B;
  --neutral-on: #FFFFFF;
  --neutral-tint: #F0EFF6;
  --neutral-ink: #66656B;
  --neutral-solid-border: #4D4C52;
  --neutral-solid-shadow: 0 1px 2px rgba(35,27,59,0.16);
}
.theme-wrshp.dark, .dark .theme-wrshp, :root.dark.theme-wrshp {
  --primary-ink: #9576FD;
  --primary-tint: #281B4E;
  --danger-ink: #FB4E58;
  --danger-tint: #490D11;
  --alert-ink: #FFB000;
  --alert-tint: #362200;
  --success-ink: #00B86B;
  --success-tint: #003018;
  --neutral-ink: #8F8E94;
  --neutral-tint: #26262B;
}