/* Semantic aliases + component-level constants read off the .fig components.
   The generated fig-tokens.css holds the raw Figma Variables; this file names the
   values the components actually consume. Default theme is DARK (the product is dark). */
:root{
  --radius-sm:4px;   /* checkbox */
  --radius-md:6px;   /* tag */
  --radius-lg:8px;   /* dropdown item, progress track, table chip */
  --radius-xl:10px;  /* buttons, inputs, cards, dialogs, tooltips */
  --radius-2xl:12px; /* upload dropzone, sidebar cards */
  --radius-full:9999px;

  --space-0:0px; --space-px:1px; --space-1:4px; --space-1-5:6px; --space-2:8px;
  --space-2-5:10px; --space-3:12px; --space-4:16px; --space-5:20px; --space-6:24px;

  --surface-page:rgb(24,24,24);
  --surface-raised:rgb(28,28,28);
  --surface-sunken:rgb(41,41,41);
  --surface-input:rgba(255,255,255,0.02);
  --surface-quaternary:rgb(53,53,53);

  --stroke-hairline:rgb(41,41,41);
  --stroke-strong:rgb(74,74,75);

  --content-strong:rgb(255,255,255);
  --content-muted:rgb(168,168,170);
  --content-faint:rgb(98,98,98);

  --accent:rgb(236,85,18);
  --accent-hover:rgb(207,75,16);
  --accent-wash:rgba(236,85,18,0.15);
  --accent-disabled:rgb(51,35,29);

  --danger:rgb(247,59,59);
  --danger-wash:rgba(247,59,59,0.15);
  --success:rgb(23,181,48);
  --success-wash:rgba(23,181,48,0.15);
  --warning:rgb(255,190,24);
  --warning-wash:rgba(255,190,24,0.15);

  --state-disabled-opacity:0.4; /* @kind other */
  --focus-ring:0 0 0 3px rgba(236,85,18,0.35);

  --link-color:rgb(236,85,18);
  --link-color-hover:rgb(207,75,16);
}
:root[data-theme="light"], .light{
  --surface-page:rgb(236,236,236);
  --surface-raised:rgb(255,255,255);
  --surface-sunken:rgb(245,245,245);
  --surface-input:rgba(0,0,0,0.02);
  --surface-quaternary:rgb(216,216,218);
  --stroke-hairline:rgb(233,233,235);
  --stroke-strong:rgb(216,216,218);
  --content-strong:rgb(32,32,32);
  --content-muted:rgb(137,137,138);
  --content-faint:rgb(195,195,197);
}
a{color:var(--link-color);text-decoration:none}
a:hover{color:var(--link-color-hover);text-decoration:underline}
