/* Virgo Analytics — design tokens
   Source: Virgo Design Kernel (Linear doc) + JAK-46 brand refresh.
   Shared construction rules (border width, radius, spacing, icon size) are
   identical across Virgo Analytics, Fresh Sheets, and Increment. Only
   palette + typography differ per product — see the Kernel doc before
   changing any value in this file. */

:root,
[data-theme] {
  /* Palette — light (default) */
  --bg: #F7F6F2;
  --card: #FFFFFF;
  --border: #E1DFD6;
  --fg: #14171C;
  --fg2: #63666E;

  /* Accents — shared across themes, used sparingly as indicator marks only */
  --teal: #3F8F7C;
  --amber: #C98A34;

  /* Type */
  --font-headline: 'Inter Tight', system-ui, sans-serif;
  --font-body: 'Public Sans', system-ui, sans-serif;

  /* Construction — shared kernel, do not vary per project */
  --border-width: 0.5px;
  --radius-sm: 7px;
  --radius-md: 8px;
  --radius-lg: 10px;
  --radius-pill: 999px;
  --space-section: 20px;
  --space-component: 10px;
  --icon-size: 14px;
  --max-width: 1120px;
  --transition-theme: background 160ms linear, color 160ms linear, border-color 160ms linear;
}

[data-theme="dark"] {
  --bg: #12151C;
  --card: #171B24;
  --border: #2A2E38;
  --fg: #EDEEEA;
  --fg2: #9A9EA8;
}