/* Token reka bentuk v5 (docs/mockup-design.md seksyen 16.1). Tema terang sahaja. */
@font-face { font-family: Sora; font-weight: 600; font-display: swap; src: url(/static/fonts/sora-latin-600-normal.woff2) format('woff2'); }
@font-face { font-family: Sora; font-weight: 700; font-display: swap; src: url(/static/fonts/sora-latin-700-normal.woff2) format('woff2'); }
@font-face { font-family: Inter; font-weight: 400; font-display: swap; src: url(/static/fonts/inter-latin-400-normal.woff2) format('woff2'); }
@font-face { font-family: Inter; font-weight: 500; font-display: swap; src: url(/static/fonts/inter-latin-500-normal.woff2) format('woff2'); }
@font-face { font-family: Inter; font-weight: 600; font-display: swap; src: url(/static/fonts/inter-latin-600-normal.woff2) format('woff2'); }
@font-face { font-family: 'JetBrains Mono'; font-weight: 400; font-display: swap; src: url(/static/fonts/jetbrains-mono-latin-400-normal.woff2) format('woff2'); }
@font-face { font-family: 'JetBrains Mono'; font-weight: 500; font-display: swap; src: url(/static/fonts/jetbrains-mono-latin-500-normal.woff2) format('woff2'); }
@font-face { font-family: 'Bebas Neue'; font-weight: 400; font-display: swap; src: url(/static/fonts/bebas-neue-latin-400-normal.woff2) format('woff2'); }

:root {
  --bg: #F4F7FF;
  --surface: rgba(255, 255, 255, .84);
  --surface-strong: rgba(255, 255, 255, .9);
  --border: rgba(11, 27, 63, .12);
  --ink: #0B1B3F;
  --ink-2: #55627F;
  --blue: #2F5BEA;
  --violet: #7B4DF0;
  --cyan: #0891B2;
  --green: #12A36B;
  --amber: #B45309;
  --red: #E11D48;
  --aurora-1: rgba(61, 123, 255, .30);
  --aurora-2: rgba(139, 92, 255, .26);
  --aurora-3: rgba(255, 194, 75, .32);
  --grad: linear-gradient(135deg, var(--blue), var(--violet));

  --font-head: Sora, system-ui, sans-serif;
  --font-body: Inter, system-ui, sans-serif;
  --font-mono: 'JetBrains Mono', ui-monospace, monospace;
  --font-outline: 'Bebas Neue', Impact, sans-serif;

  --r-sm: 14px;
  --r-md: 20px;
  --r-lg: 28px;
  --tap: 44px;
  --shadow: 0 8px 30px rgba(11, 27, 63, .08);
}
