/*
 * THE SKIN. Every colour, size, space, rule and timing the rooms page uses,
 * ported from the founder's data room token sheet (Voltaire design system,
 * --vlt-* names kept so the two can be diffed). styles.css reads only these
 * names; a new token sheet replaces this one file and nothing else.
 *
 * One theme: the warm off-black. The design system defines no light theme.
 */
:root{
  color-scheme: dark;

  /* ---- surfaces: layered by light, not borders ---- */
  --vlt-bg:#131416;              /* page */
  --vlt-bg-deep:#08080A;         /* behind sign-in */
  --vlt-side:#0F1011;            /* inputs, sunken wells */
  --vlt-raise:#1B1C1F;           /* menus, the upload panel */
  --vlt-hover:#222327;           /* row hover */
  --vlt-wash:rgba(255,255,255,.025);       /* hover wash on rows */
  --vlt-wash-empty:rgba(255,255,255,.012); /* the empty room's well */
  --vlt-topbar:rgba(19,20,22,.86);         /* the sticky bar, over content */
  --vlt-press:#FFFFFF;                     /* the primary button, pressed */

  /* ---- ink: warm bone in four steps ---- */
  --vlt-ink:#EDE9DF;             /* titles, file names */
  --vlt-ink-2:#9A958B;           /* body, secondary */
  --vlt-ink-3:#646059;           /* meta, column heads */
  --vlt-ink-4:#3B3933;           /* disabled */
  --vlt-bone-72:rgba(237,233,223,.72); /* "In review", message marks */
  --vlt-bone-42:rgba(237,233,223,.42); /* quiet rules, focused input edge */
  --vlt-bone-32:rgba(237,233,223,.32); /* a filled code cell */

  /* ---- lines: hairlines only where a boundary is real ---- */
  --vlt-line:rgba(237,233,223,.07);        /* row divider */
  --vlt-line-2:rgba(237,233,223,.12);      /* region edge, header rule */
  --vlt-line-3:rgba(237,233,223,.20);      /* control edge, drop zone */
  --vlt-grid:rgba(237,233,223,.05);        /* the backdrop grid */
  --vlt-grid-empty:rgba(237,233,223,.045); /* the empty room's grid */

  /* ---- accent: one per screen, a signal, never a status ---- */
  --vlt-accent:#D9803A;
  --vlt-accent-soft:rgba(217,128,58,.06);  /* drop-target wash */
  --vlt-accent-line:rgba(217,128,58,.34);

  /* ---- needs action / refused ---- */
  --vlt-risk-elev:#D98A45;                 /* upload exceptions, sign-in messages */
  --vlt-risk-elev-soft:rgba(217,138,69,.10);
  --vlt-risk-high:#D0473A;                 /* Removed, errors */
  --vlt-risk-high-soft:rgba(208,71,58,.10);

  /* ---- type: three voices ---- */
  --vlt-display:"Libre Baskerville", Georgia, serif;
  --vlt-sans:"Hanken Grotesk", system-ui, sans-serif;
  --vlt-mono:"IBM Plex Mono", ui-monospace, monospace;
  --vlt-t-title:30px;      /* page title, serif */
  --vlt-t-message:30px;    /* message title, serif */
  --vlt-t-empty:30px;      /* the empty room's line, serif */
  --vlt-t-prose:15px;      /* sign-in and message prose */
  --vlt-t-lede:15.5px;
  --vlt-t-body:14px;
  --vlt-t-row:13.5px;      /* rows, UI */
  --vlt-t-label:13px;      /* labels, links */
  --vlt-t-foot:12.5px;
  --vlt-t-meta:12px;       /* column heads, meta */
  --vlt-t-input:16px;
  --vlt-n-data:12px;       /* sizes, dates (mono) */
  --vlt-n-meta:11.5px;     /* folder meta (mono) */
  --vlt-n-micro:11px;
  --vlt-n-glyph:10.5px;
  --vlt-n-ext:9px;         /* the file-type tag */
  --vlt-n-code:24px;       /* a code cell (mono) */
  --vlt-w-reg:400;
  --vlt-w-med:500;
  --vlt-w-semi:600;
  --vlt-track-title:-0.022em;
  --vlt-lh-tight:1.2;
  --vlt-lh-ui:1.4;
  --vlt-lh-prose:1.65;

  /* ---- space (4-base) ---- */
  --vlt-s1:4px;  --vlt-s2:8px;  --vlt-s3:12px; --vlt-s4:16px;
  --vlt-s5:20px; --vlt-s6:24px; --vlt-s7:32px; --vlt-s8:40px;
  --vlt-s9:56px; --vlt-s10:72px;

  /* ---- fixed sizes ---- */
  --vlt-row-h:32px;          /* file row */
  --vlt-folder-h:34px;       /* folder row */
  --vlt-head-h:30px;         /* column header row */
  --vlt-room-row-h:52px;     /* room list row */
  --vlt-control-h:44px;      /* button / input */
  --vlt-button-h:40px;       /* toolbar button */
  --vlt-input-h:46px;
  --vlt-cell-h:56px;         /* code cell */
  --vlt-topbar-h:52px;
  --vlt-signin-w:452px;
  --vlt-terms-w:620px;
  --vlt-message-w:560px;
  --vlt-rooms-w:960px;
  --vlt-content-max:1320px;
  --vlt-panel-w:440px;
  --vlt-grid-cell:44px;
  --vlt-measure:64ch;

  /* ---- radius ---- */
  --vlt-r-sm:4px;   /* inputs, chips */
  --vlt-r:6px;      /* buttons, drop zone */
  --vlt-r-md:8px;   /* menus, the upload panel */

  /* ---- rules ---- */
  --vlt-rule:1px;
  --vlt-rule-strong:2px;   /* message rules and progress bars only */

  /* ---- elevation: only what floats ---- */
  --vlt-elev-pop:0 8px 24px rgba(0,0,0,.45);

  /* ---- the backdrop drawing and the wordmark (black artwork, inverted) ---- */
  --vlt-scene-opacity:.13;
  --vlt-logo-filter:invert(1);
  --vlt-logo-opacity:.9;

  /* ---- motion: evidence, not decoration ---- */
  --vlt-ease:cubic-bezier(.32,.72,0,1);
  --vlt-fast:120ms;
  --vlt-med:220ms;
  --vlt-slow:420ms;
}