/* Senditor landing tokens. v8's palette: the brand's dark stage (#101010), a white sheet, and the dashboard's own
   colours (dashboard/ui/theme.css, the Ink theme) for everything else. No colour here is new: each is a theme.css
   value, named on its line, or a neutral (white or black at an alpha, for light and shade). Blue lives only in the
   favicon mark and inside the product screenshots (founder, 2026-10-05). The font is the dashboard's Geist. */
@font-face { font-family: "Geist"; src: url("assets/fonts/Geist-Variable.woff2") format("woff2"); font-weight: 100 900; font-display: swap; }

:root {
  --font: "Geist", system-ui, -apple-system, "Segoe UI", sans-serif;

  /* the stage: always dark, so it wears the dashboard's dark roles */
  --stage: #101010;
  --s-ink: #EDEDEE;            /* dark --ink */
  --s-ink-2: #BDBEBF;          /* dark --ink-2 */
  --s-ink-3: #B6B7B9;          /* dark --ink-3 */
  --s-quiet: #858688;          /* dark --line-2 */
  --s-chosen: #EDEDEE;         /* dark --chosen */
  --s-on-chosen: #1A1B1C;      /* dark --on-chosen */
  --s-chosen-hover: #FFFFFF;
  --s-focus: #EDEDEE;          /* dark --focus-ring */
  --s-mark-upper: #EDEDEE;     /* dark --mark-upper */
  --s-mark-lower: #B26BEA;     /* dark --mark-lower */
  --s-yes: #B26BEA;            /* dark --yes: Maya's Yes, as her page draws it */
  --s-on-yes: #1E1129;         /* dark --on-yes */
  --s-icon-success: #12B981;   /* dark --icon-success */
  --s-icon-failure: #FE5752;   /* dark --icon-failure: the Picture chip's hold (A-131) */
  --s-icon-glyph: #1E1F22;     /* dark --icon-glyph */
  --s-icon-disc: #858688;      /* dark --line-2: a neutral verdict's disc */
  --s-drop: #F5F6F8;           /* light --page: the step bar's selection */
  --s-drop-ink: #1F2123;       /* light --ink */
  --s-device: #050506;
  --s-rim-1: #919191;
  --s-rim-2: #2B2B2B;
  --s-rim-3: #5B5B5B;
  --s-rim-4: #1D1D1D;
  --s-rim-key: #4C4C4C;
  --s-light: rgba(255, 255, 255, 0.14);
  --s-light-2: rgba(255, 255, 255, 0.06);
  --s-hair: rgba(255, 255, 255, 0.11);
  --s-veil: rgba(255, 255, 255, 0.055);
  --s-veil-2: rgba(255, 255, 255, 0.1);
  --s-bar: rgba(22, 22, 24, 0.42);
  --s-bar-p: rgba(22, 22, 24, 0.82);
  --s-pill: rgba(16, 16, 18, 0.46);
  --s-shadow: rgba(0, 0, 0, 0.7);
  --s-shadow-2: rgba(0, 0, 0, 0.35);
  --s-deep: rgba(0, 0, 0, 0.85);

  /* the sheet, light: the dashboard's light roles on white */
  --sheet: #FFFFFF;            /* light --raised */
  --page: #F5F6F8;             /* light --page */
  --sunk: #ECEDEF;             /* light --sunk */
  --field: #ECEDEF;            /* light --field */
  --hover: #F1F2F4;            /* light --hover */
  --press: #DCDDDF;            /* light --press */
  --line: #DBDCDE;             /* light --line */
  --line-2: #848689;           /* light --line-2 */
  --ink: #1F2123;              /* light --ink */
  --ink-2: #616366;            /* light --ink-2 */
  --ink-3: #646669;            /* light --ink-3 */
  --chosen: #1F2123;           /* light --chosen */
  --on-chosen: #FFFFFF;        /* light --on-chosen */
  --chosen-hover: #000000;
  --focus: #1F2123;            /* light --focus-ring */
  --bad: #A52830;              /* light --bad */
  --bad-tint: #FCE8E8;         /* light --bad-tint */
  --ok: #176444;               /* light --ok */
  --mark-upper: #1F2123;       /* light --mark-upper */
  --mark-lower: #681DFA;       /* light --mark-lower */
  --icon-success: #048E62;     /* light --icon-success */
  --icon-glyph: #FFFFFF;       /* light --icon-glyph */
  --selection: rgba(32, 33, 34, 0.16); /* light --selection, as a neutral */
  --tap: rgba(32, 33, 34, 0.26);       /* a finger on Maya's light screen */
  --tap-ring: rgba(32, 33, 34, 0.32);
  --lift: rgba(0, 0, 0, 0.07);
  --lift-2: rgba(0, 0, 0, 0.16);
  --sheet-shadow: rgba(0, 0, 0, 0.6);
  /* the dashboard's Review screen behind the checks run (A-102): its --page, --ink-2 and --bar (dashboard/ui/theme.css),
     so a "Checking" cover sits on the rendered screen without a seam */
  --dash-panel: #F5F6F8;
  --dash-text: #616366;
  --dash-bar: #FFFFFF;
  /* the upload beat's copy card and count (A-112): the dashboard's --line and --ink */
  --dash-line: #DBDCDE;
  --dash-ink: #1F2123;
  /* the dragged folder (A-128): a Finder folder in the dashboard's neutrals (its back --off, front --seg, lip --halo; dark:
     derived), its name and count on --ink in --raised type; the drop screen it raises: the dashboard's --scrim-2, and its
     pill on --chosen (--dash-ink) in --on-chosen */
  --fold-back: #BEBFC1;
  --fold-front: #D2D3D5;
  --fold-lip: #EAEBED;
  --dash-on-ink: #FFFFFF;
  --dash-scrim: rgba(255, 255, 255, 0.82);
  --ptr: #000000;
  --ptr-edge: #FFFFFF;
  color-scheme: light;
}

/* the sheet, dark: the dashboard's dark roles; the stage is unchanged */
@media (prefers-color-scheme: dark) {
  :root {
    --sheet: #272829;          /* dark --ground */
    --page: #2F3031;           /* dark --page */
    --sunk: #262728;           /* dark --sunk */
    --field: #262728;          /* dark --field */
    --hover: #424344;          /* dark --hover */
    --press: #4B4C4E;          /* dark --press */
    --line: #414244;           /* dark --line */
    --line-2: #858688;         /* dark --line-2 */
    --ink: #EDEDEE;            /* dark --ink */
    --ink-2: #BDBEBF;          /* dark --ink-2 */
    --ink-3: #B6B7B9;          /* dark --ink-3 */
    --chosen: #EDEDEE;         /* dark --chosen */
    --on-chosen: #1A1B1C;      /* dark --on-chosen */
    --chosen-hover: #FFFFFF;
    --focus: #EDEDEE;          /* dark --focus-ring */
    --bad: #FFB7BE;            /* dark --bad */
    --bad-tint: #4C2630;       /* dark --bad-tint */
    --ok: #A7E8CB;             /* dark --ok */
    --mark-upper: #EDEDEE;     /* dark --mark-upper */
    --mark-lower: #B26BEA;     /* dark --mark-lower */
    --icon-success: #12B981;   /* dark --icon-success */
    --icon-glyph: #1E1F22;     /* dark --icon-glyph */
    --selection: rgba(255, 255, 255, 0.18);
    --tap: rgba(255, 255, 255, 0.3);
    --tap-ring: rgba(255, 255, 255, 0.45);
    --lift: rgba(0, 0, 0, 0.3);
    --lift-2: rgba(0, 0, 0, 0.45);
    --sheet-shadow: rgba(0, 0, 0, 0.75);
    --dash-panel: #2F3031;
    --dash-text: #BDBEBF;
    --dash-bar: #38393A;
    --dash-line: #414244;
    --dash-ink: #EDEDEE;
    --fold-back: #4B4C4E;      /* dark --press */
    --fold-front: #626365;
    --fold-lip: #747577;
    --dash-on-ink: #1A1B1C;    /* dark --on-chosen */
    --dash-scrim: rgba(39, 40, 41, 0.94); /* dark --scrim-2: the ground, nearly opaque */
    color-scheme: dark;
  }
}