/* digib00age marketing site — design tokens
   Base dark palette matches the real app (src/frontend/css/tokens-dark.css).
   --cta-* is the site's own marketing accent (orange), distinct from the
   in-app blue, per the agreed mock-up-3 direction. */

@font-face {
  font-family: "Cascadia Code";
  src: url("../fonts/CascadiaCode-VariableFont_wght.ttf") format("truetype-variations");
  font-weight: 200 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Cascadia Code";
  src: url("../fonts/CascadiaCode-Italic-VariableFont_wght.ttf") format("truetype-variations");
  font-weight: 200 700;
  font-style: italic;
  font-display: swap;
}

:root {
  /* app-matched surfaces */
  --bg: #0D0E10;
  --bg-raised: #0A0B0D;
  --surface: #16181C;
  --surface-2: #1D2025;
  --surface-3: #262A31;
  --border: #2A2E35;

  --text: #F2F4F7;
  --text-2: #B7BEC9;
  --text-3: #7C8592;

  --app-accent: #0A5FFF;
  --green: #3FB877;
  --favourite: #F0C419;
  --danger: #ff4d4d;
  --on-accent: #FFFFFF;

  /* site marketing accent (sampled from landing-page-mock-up-3.png CTA buttons) */
  --cta: #FF6A2B;
  --cta-hover: #FF7F49;
  --cta-press: #E85A1E;
  --cta-tint: rgba(255, 106, 43, 0.12);
  --on-cta: #14161A;

  --font-display: "Cascadia Code", "Consolas", ui-monospace, monospace;
  --font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;

  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 16px;
  --radius-pill: 999px;

  --space-1: 4px;
  --space-2: 8px;
  --space-3: 16px;
  --space-4: 24px;
  --space-5: 32px;
  --space-6: 48px;
  --space-7: 64px;
  --space-8: 96px;

  --container: 1200px;

  --shadow-sm: 0 2px 8px rgba(0,0,0,0.3);
  --shadow-md: 0 8px 24px rgba(0,0,0,0.35);
  --shadow-lg: 0 24px 64px rgba(0,0,0,0.45);

  --ease: cubic-bezier(.2,.7,.3,1);
  --dur: 220ms;
}

@media (prefers-reduced-motion: reduce) {
  :root { --dur: 0ms; }
}