/* @rusetat/design-tokens — Unslop-Verified Rusetat Design Tokens */
/* Applied with Unslop by Damir Sokolovsky (CC BY 4.0) & Rusetat design.md */

:root {
  /* Core Rusetat Ink & Neutral Ramp (Tinted toward paper & passport ink) */
  --deep: #092D53;
  --blue: #0756A3;
  --accent: #9221B6;
  --accent-hover: #741493;
  --paper: #F7F9FC;
  --pale: #EDF1F6;
  --hero-gray: #EEF0F2;
  --surface: #FFFFFF;

  /* Strictly Three Text Roles (Contrast verified >= 4.5:1) */
  --ink: #1B2C43;       /* Primary text (13.38:1 on paper) */
  --secondary: #4E6076; /* Secondary text (6.44:1 on white) */
  --muted: #56667A;     /* Muted metadata & icons (> 4.5:1 on raised surface) */

  /* Quiet Hairlines */
  --line: #DCE2E9;
  --hairline: rgba(27, 44, 67, 0.09);
  --light-ink: #F5F7FA;
  --light-secondary: #D1DCE8;
  --light-line: rgba(255, 255, 255, 0.14);

  /* Toned Semantic Dot Colors */
  --dot-complete: #16A34A;
  --dot-progress: #D97706;
  --dot-alert: #DC2626;

  /* Typography Families — Google Fonts Canonical Standard (Newsreader / Poppins + Inter / Roboto) */
  --font-heading: "Newsreader", Georgia, "Times New Roman", serif;
  --font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, monospace;

  /* 4px Spacing Scale */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;

  /* App Proportions & Nested Radius Math */
  --header-height: 80px;
  --header-height-mobile: 72px;
  --sidebar-width: 248px;
  --content-max-width: 1200px;
  --radius-card: 12px;
  --radius-control: 8px;
  --radius-tag: 6px;

  /* Single Motion Easing Curve */
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
}