/* LithorAI design tokens v1 - "Thermal Survey". Source: Design Tokens.dc.html */
:root {
  /* Color */
  --paper: #FBF9F5;        /* page background */
  --surface: #FFFFFF;      /* cards */
  --surface-2: #EFE8DC;    /* secondary surface (sand) */
  --ink: #1F2328;          /* primary text */
  --ink-2: #3A3F45;        /* body copy on paper */
  --muted: #5F6368;        /* muted text */
  --line: #DDD6CA;         /* borders, rules */
  --line-soft: #ECE5D9;    /* inner hairlines */
  --basalt: #16252C;       /* dark slabs, nav, footer */
  --basalt-line: #2C3F47;
  --on-basalt: #ECE7DF;    /* text on basalt */
  --on-basalt-muted: #9AA1A8;
  --slate: #2F4858;        /* primary UI accent */
  --slate-hover: #243A48;
  --rust: #A4471F;         /* heat only: eyebrows, rules */
  --amber: #E8A24E;        /* final CTA, accents on dark */
  --amber-hover: #F0B468;
  --teal: #6FA3A0;         /* uncertainty (graphics) */
  --ochre: #C28A3A;        /* data graphics, never text */
  --ok: #4F7F5A;           /* report status only */

  /* Status tags */
  --tag-ok-bg: #EEF4EF;   --tag-ok-fg: #3D6648;   --tag-ok-line: #B9D0BE;
  --tag-warn-bg: #FBF1E1; --tag-warn-fg: #8A6224; --tag-warn-line: #E7D3B3;
  --tag-gap-bg: #F1F1F0;  --tag-gap-fg: #5F6368;  --tag-gap-line: #D4D2CD;

  /* Type */
  --font-serif: 'Source Serif 4', Georgia, serif;
  --font-sans: 'IBM Plex Sans', system-ui, sans-serif;
  --font-mono: 'IBM Plex Mono', ui-monospace, Menlo, monospace;

  /* Radii */
  --r-tag: 5px;
  --r-button: 10px;
  --r-card: 14px;
  --r-figure: 20px;
  --r-slab: 32px;
  --r-cta: 40px;

  /* Spacing (4px base) */
  --s-1: 4px;  --s-2: 8px;  --s-3: 12px; --s-4: 16px; --s-5: 24px;
  --s-6: 32px; --s-7: 48px; --s-8: 64px; --s-9: 96px;

  /* Isotherm survey tiles: 1440x1440 SVG rendered at 720px */
  --tile-size: 720px;
  --tile-paper: url(../assets/isotherm-tile-paper.svg);
  --tile-basalt: url(../assets/isotherm-tile-basalt.svg);
  --tile-amber: url(../assets/isotherm-tile-amber.svg);
  --tile-grey: url(../assets/isotherm-tile-grey.svg);
}