/* Tanikhi design tokens: one source for the public site (/tanikhi/assets/tokens.css) and the team app (/tanikhi/app/tokens.css).
   Each stylesheet maps these to its own short names, so the two apps share a look without depending on each other's CSS.
   Colour pairs used for text meet WCAG 2.2 AA (4.5:1) on white and on their own -bg colour. */
:root {
  /* brand */
  --tk-navy: #10416B; --tk-navy-ink: #0B2E4D; --tk-orange: #F58039; --tk-orange-dark: #E86F25;
  --tk-orange-text: #9A4A0C;            /* orange for small text on white: 6.1:1 */
  --tk-action: #C2410C; --tk-action-hover: #9A3412;   /* main buttons: white text on these is 5.2:1 and 7.3:1 */
  /* neutrals */
  --tk-ink: #1F2933; --tk-muted: #4F5B66; --tk-line: #D5DDE5; --tk-field: #8A97A4; --tk-bg: #F4F6F8; --tk-card: #FFFFFF;
  /* status (text on its -bg) */
  --tk-crit: #A11A12; --tk-crit-bg: #FDE2E1;
  --tk-high: #9A3412; --tk-high-bg: #FDEBDD;
  --tk-med: #854D0E; --tk-med-bg: #FEF3C7;
  --tk-low: #4F5B66; --tk-low-bg: #EEF1F4;
  --tk-good: #146C3A; --tk-good-bg: #E3F4EA;
  /* type */
  --tk-font: system-ui, -apple-system, "Segoe UI", Roboto, "Noto Sans", "Noto Sans Telugu", "Kohinoor Telugu", Arial, sans-serif;
  --tk-font-te: "Noto Sans Telugu", "Kohinoor Telugu", "Telugu Sangam MN", "Nirmala UI", sans-serif;
  /* shape and spacing (4px scale) */
  --tk-radius-sm: 8px; --tk-radius: 12px; --tk-radius-lg: 16px;
  --tk-space-1: 4px; --tk-space-2: 8px; --tk-space-3: 12px; --tk-space-4: 16px; --tk-space-5: 24px; --tk-space-6: 32px;
  /* interaction */
  --tk-focus: 3px solid #F58039; --tk-target: 44px; --tk-target-min: 24px;
  --tk-shadow: 0 1px 2px rgba(16, 65, 107, .06), 0 4px 16px rgba(16, 65, 107, .06);
}