/* SKWAD Tournament OS ("SKWAD OS") brand tokens. Generated from the SKWAD design system (https://skwad-design.vercel.app, stylesheet
   index-lNOyKitW.css) and the brand guidelines v0.97 (https://skwad-brand.vercel.app). Do not edit values here:
   when the design system changes, regenerate (README, "Updating"). One place for every colour, font and scale. */

/* Brand colours: marks and brand materials only (print, logos, posters). Not for interface surfaces. */
:root {
  --brand-ember: #F15A29;
  --brand-ink: #1B0C10;
  --brand-cocoa: #28110C;
  --brand-cream: #F3EDE4;
  --brand-cream-2: #E8DCCA;
}

/* Product UI, light (the default). --ember here is the interface ember #D95F18, never --brand-ember. */
:root {
  --background:#f4f2ee;
  --foreground:#1d1b17;
  --card:#fffefc;
  --card-foreground:#1d1b17;
  --popover:#fffefc;
  --popover-foreground:#1d1b17;
  --primary:#1d1b17;
  --primary-foreground:#f4f2ee;
  --secondary:#ece8e1;
  --secondary-foreground:#1d1b17;
  --muted:#ece8e1;
  --muted-foreground:#716c63;
  --accent:#f7e9dc;
  --accent-foreground:#a84b10;
  --destructive:#b3362c;
  --destructive-foreground:#fff;
  --border:#e3dfd7;
  --input:#d9d4cb;
  --ring:#d95f18;
  --chart-1:#d95f18;
  --chart-2:#6e6759;
  --chart-3:#4e8a80;
  --chart-4:#8a6e93;
  --chart-5:#b8a04a;
  --sidebar:#f4f2ee;
  --sidebar-foreground:#1d1b17;
  --sidebar-primary:#1d1b17;
  --sidebar-primary-foreground:#f4f2ee;
  --sidebar-accent:#ece8e1;
  --sidebar-accent-foreground:#1d1b17;
  --sidebar-border:#e3dfd7;
  --sidebar-ring:#d95f18;
  --canvas:#f4f2ee;
  --surface:#fffefc;
  --surface-2:#ece8e1;
  --surface-3:#e5e0d6;
  --border-strong:#d9d4cb;
  --border-subtle:#ece8e1;
  --ink:#1d1b17;
  --ink-2:#403c35;
  --ink-3:#716c63;
  --ink-4:#a29c91;
  --ember:#d95f18;
  --ember-deep:#a84b10;
  --ember-bright:#f58138;
  --ember-tint:#f7e9dc;
  --ember-tint-border:#edd6c0;
  --live-bg:#131210;
  --live-surface:#1b1916;
  --live-surface-2:#24211c;
  --live-border:#34312a;
  --live-ink:#f2f0eb;
  --live-ink-3:#95908a;
  --live-ink-4:#615d55;
  --ok:#2e7d5b;
  --ok-deep:#245c45;
  --ok-tint:#e3efe8;
  --warn:#b98216;
  --warn-deep:#8f6410;
  --warn-tint:#f6ecd7;
  --danger:#b3362c;
  --danger-deep:#8e2a22;
  --danger-tint:#f5e2df;
  --viz-grid:#e3dfd7;
  --shadow-card-v:0 1px 2px #1d1b170d;
  --shadow-pop-v:0 4px 16px #1d1b171a, 0 1px 3px #1d1b170f;
  --pulse-duration:2.4s;
}

/* Product UI, dark: add class "dark" to <html>. The LIVE / broadcast surfaces use this set. */
.dark {
  --background:#131210;
  --foreground:#f2f0eb;
  --card:#1b1916;
  --card-foreground:#f2f0eb;
  --popover:#1b1916;
  --popover-foreground:#f2f0eb;
  --primary:#f2f0eb;
  --primary-foreground:#131210;
  --secondary:#24211c;
  --secondary-foreground:#f2f0eb;
  --muted:#24211c;
  --muted-foreground:#95908a;
  --accent:#2e211a;
  --accent-foreground:#f58138;
  --destructive:#c4453a;
  --destructive-foreground:#f2f0eb;
  --border:#34312a;
  --input:#3e3a32;
  --ring:#f58138;
  --chart-1:#f58138;
  --chart-2:#95908a;
  --chart-3:#6fa89e;
  --chart-4:#a98fb2;
  --chart-5:#c9b268;
  --sidebar:#131210;
  --sidebar-foreground:#f2f0eb;
  --sidebar-primary:#f2f0eb;
  --sidebar-primary-foreground:#131210;
  --sidebar-accent:#24211c;
  --sidebar-accent-foreground:#f2f0eb;
  --sidebar-border:#34312a;
  --sidebar-ring:#f58138;
  --viz-grid:#34312a;
  --shadow-card-v:0 0 0 0 transparent;
  --shadow-pop-v:0 0 0 0 transparent;
}

/* Type: the three voices and the 1.333 scale from a 15px base (brand guidelines, Typography). */
:root {
  --font-display: "Anybody", system-ui, sans-serif;        /* headlines, event names: 800 (700 alt), uppercase, letter-spacing .03em, min 20px */
  --font-sans: "Manrope", system-ui, sans-serif;           /* text: 500 body, 600 emphasis, 700 subheads, 800 titles; sentence case; tabular-nums */
  --font-mono: "JetBrains Mono", ui-monospace, monospace;  /* data: 500/600; stats, timestamps, labels; micro-labels uppercase, letter-spacing .1em */
  --type-display-xl: 63px; --type-display-xl-lh: 1.02;
  --type-display-l: 47px;  --type-display-l-lh: 1.05;
  --type-display-m: 35px;  --type-display-m-lh: 1.1;
  --type-title: 27px;      --type-title-lh: 1.2;
  --type-heading: 20px;    --type-heading-lh: 1.3;
  --type-body-l: 18px;     --type-body-l-lh: 1.55;
  --type-body: 15px;       --type-body-lh: 1.6;
  --type-small: 13px;      --type-small-lh: 1.5;
  --type-micro: 11px;      --type-micro-lh: 1.4;
  --ease-swift: cubic-bezier(0.2, 0, 0, 1);               /* motion: things settle, they never bounce */
  --icon-stroke: 1.5px;                                    /* Lucide line icons; icons inherit text colour, never ember */
}