/* THEME A — WORKING PAPER
   Drawn from an audit working paper, not from an app template: true white,
   hairline rules, square corners, no shadows anywhere, mono for every number
   and label, a gold stamp for anything that needs attention. The brand green
   is used as INK and as rules, not as a wash.                               */
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600;700&family=IBM+Plex+Sans+Devanagari:wght@400;500;600&family=IBM+Plex+Mono:wght@400;500;600&display=swap');

:root{
  --font-sans:"IBM Plex Sans","IBM Plex Sans Devanagari",system-ui,sans-serif;
  --font-mono:"IBM Plex Mono",ui-monospace,monospace;
  --font-display:"IBM Plex Sans",system-ui,sans-serif;
  --font-mark:"IBM Plex Mono",monospace;
  --fs-body:15.5px; --fs-h1:27px; --fs-mark:11px; --fs-meta:10px; --fs-btn:14.5px;
  --h1-weight:600; --h1-track:-.02em; --h1-margin:16px 0 3px;
  --mark-weight:600; --mark-track:.30em;
  --btn-track:.01em; --btn-transform:none;
  --bar-title-weight:600; --bar-title-track:-.005em;
  --meta-transform:uppercase; --meta-track:.09em;

  /* Paper, ink, rule — no cream anywhere */
  --bg:#FFFFFF;      --surface:#FFFFFF;   --chat-bg:#FFFFFF;
  --ink:#111B16;     --ink-2:#5E6F67;
  --line:#D9DEDB;    --hairline:1px solid #E4E8E6;
  --accent:#14493A;  --accent-ink:#FFFFFF;
  --accent-2:#B8860B; --accent-2-ink:#FFFFFF;   /* the stamp */
  --signal:#9C2F22;
  --mark-ink:#B8860B;

  /* square, flat, ruled */
  --r-card:2px; --r-ctl:2px; --r-msg:2px; --r-sys:2px; --r-chip:2px; --r-pill:2px;
  --r-av:2px; --r-tag:2px; --r-media:2px; --r-input:2px; --r-sheet:2px 2px 0 0;
  --shadow-card:none; --shadow-msg:none; --shadow-float:0 2px 0 rgba(0,0,0,.14);
  --card-border:1px solid #111B16; --card-pad:34px 30px; --card-w:372px;
  --card-align:left;
  --btn-border:1px solid #111B16;
  --field-border:1px solid #C9D1CD; --field-bg:#FFFFFF;
  --focus:2px solid #14493A;

  --bar-bg:#14493A; --bar-ink:#FFFFFF; --bar-hover:rgba(255,255,255,.13);
  --bar-rule:3px solid #B8860B;
  --chip-bg:transparent; --chip-border:1px solid rgba(255,255,255,.4);

  --row-hover:#F4F6F5; --av-bg:#14493A; --av-ink:#FFFFFF;
  --tag-line:#C9D1CD;
  --split-rule:1px solid #D9DEDB;

  /* Messages are ruled blocks, not bubbles */
  --msg-gap:3px; --msg-pad:9px 13px;
  --them:#FFFFFF;  --them-ink:#111B16;
  --them-border:1px solid #D7DEDA; --them-rule:3px solid #AEBDB6;
  --me:#14493A;    --me-ink:#FFFFFF;
  --me-border:1px solid #14493A;   --me-rule:3px solid #B8860B;
  --sys:transparent; --sys-ink:#7C8B84; --sys-border:1px dashed #C9D1CD;
  --daysep-bg:transparent; --daysep-ink:#7C8B84; --daysep-border:1px solid #DCE2DF;
  --play-bg:#14493A; --play-ink:#FFFFFF;

  --ctx-bg:#FFFFFF;
  --draft-bg:#FFFFFF; --draft-rule:2px solid #B8860B;
  --composer-rule:1px solid #D9DEDB;
  --scrim:rgba(17,27,22,.42);
  --tip-bg:#111B16; --tip-ink:#FFFFFF; --tip-border:none;
  --toast-bg:#111B16; --toast-ink:#FFFFFF;
}
.msg.me .aud button{background:#FFFFFF;color:#14493A}
/* RT's context strip: white with a gold margin rule, not a cream fill */
.ctx{border-left:3px solid #B8860B}
.signin h1{border-bottom:2px solid #B8860B;display:inline-block;padding-bottom:4px}

@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    --bg:#0C110E; --surface:#0F150F; --chat-bg:#0A0F0C; --ink:#E6EBE7; --ink-2:#8DA096;
    --line:#22302A; --hairline:1px solid #1E2A24;
    --card-border:1px solid #2E4038; --btn-border:1px solid #34483F;
    --field-border:1px solid #2A3A33; --field-bg:#0C110E;
    --row-hover:#121A15; --them:#111A15; --them-ink:#E6EBE7;
    --them-border:1px solid #1F2C26; --them-rule:3px solid #4E6A5C;
    --me:#16241D; --me-ink:#EAF2ED; --me-border:1px solid #27382F;
    --sys-border:1px dashed #2A3A33; --daysep-border:1px solid #22302A;
    --ctx-bg:#131711; --draft-bg:#131711; --composer-rule:1px solid #22302A;
    --split-rule:1px solid #22302A; --tag-line:#2A3A33;
    --accent-2:#C79A2E; --tip-bg:#E6EBE7; --tip-ink:#0C110E;
    --toast-bg:#E6EBE7; --toast-ink:#0C110E;
  }
}