/* Design tokens — DESIGN.md section 4, plus the v1.1 refinement tokens (navy shell, depth). */
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../fonts/inter-latin-wght-normal.woff2") format("woff2-variations");
}

@font-face {
  font-family: "Noto Sans Gujarati";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../fonts/noto-sans-gujarati-gujarati-wght-normal.woff2") format("woff2-variations");
  unicode-range: U+0A80-0AFF, U+200C-200D, U+25CC;
}

:root {
  --color-primary: #3468f5;
  --color-primary-hover: #2455db;
  --color-primary-tint: #eaf0ff; /* use --color-primary-hover for text on this (5.4:1) */
  --color-text: #17253d;
  /* Text colours are darkened from the DESIGN.md suggestions to reach 4.5:1 on white AND on
     the canvas (measured: muted 5.4/5.1, success 5.7/5.4, warning 5.6/5.3). Brand primary
     #3468F5 is kept as specified (4.7 on white, 4.4 on canvas: use it on white surfaces). */
  --color-muted: #5f6b82;
  --color-canvas: #f4f6fb;
  --color-surface: #ffffff;
  --color-border: #e5eaf2;
  --color-success: #12754d;
  --color-warning: #8f5d00;
  --color-danger: #c63f4b;
  --color-info: #3468f5;

  /* Navy shell (sidebar, hero, login panel). Contrast measured on --navy-900:
     nav text 11.6, group label 6.4, white 17.4, accent 7.1. */
  --navy-900: #0e1a2f;
  --navy-800: #12203a;
  --navy-700: #1b2c4a;
  --navy-text: #c9d3e6;
  --navy-muted: #8e9db8;
  --navy-accent: #7fa2ff;

  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 14px;
  --radius-xl: 20px;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-6: 24px;
  --space-8: 32px;
  --sidebar-width: 264px;

  /* Depth: two soft layers, never heavy. */
  --shadow-sm: 0 1px 2px rgba(23, 37, 61, 0.05);
  --shadow-md: 0 1px 2px rgba(23, 37, 61, 0.04), 0 8px 24px rgba(23, 37, 61, 0.06);

  /* Motion (Emil Kowalski): strong ease-out for UI, iOS-like curve for the drawer. */
  --ease-out: cubic-bezier(0.23, 1, 0.32, 1);
  --ease-drawer: cubic-bezier(0.32, 0.72, 0, 1);
  --duration-press: 160ms;
  --duration-drawer: 280ms;
  --font-sans: "Inter", "Noto Sans Gujarati", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}