/* ============================================================
   Labona Design Tokens
   ------------------------------------------------------------
   Yksi totuus väreille, fonteille, varjoille ja gradienteille.
   Tämä tiedosto ladataan ennen kaikkia sivu-/komponenttityylejä.

   ÄLÄ lisää selektoreita jotka kohdistuvat HTML-elementteihin
   (ei body, ei .container, ei .hero). Vain :root-muuttujia.
   ============================================================ */
:root {
  /* Navy */
  --navy:         #2d3a7d;
  --navy-dark:    #232e66;
  --navy-deeper:  #1a2452;
  --navy-50:      #eef0f8;
  --navy-100:     #d5daed;

  /* Pink */
  --pink:         #e91e85;
  --pink-soft:    #ffb3d9;
  --pink-50:      #fdeaf3;

  /* Orange */
  --orange:       #f58024;
  --orange-soft:  #fcb549;
  --orange-50:    #fff2e6;

  /* Accents */
  --red:          #e64644;
  --magenta:      #d823cd;

  /* Gradients */
  --grad:         linear-gradient(90deg,  #fcb549 0%, #e64644 50%, #d823cd 100%);
  --grad-tilt:    linear-gradient(135deg, #fcb549 0%, #e64644 50%, #d823cd 100%);
  --grad-v:       linear-gradient(180deg, #fcb549 0%, #e64644 50%, #d823cd 100%);
  --grad-warm:    linear-gradient(135deg, #fff8f0 0%, #fff0fa 100%);
  --grad-soft:    linear-gradient(135deg, #fff2e6 0%, #fdeaf3 100%);

  /* Neutrals */
  --bg:           #ffffff;
  --surface:      #f8f9fb;
  --surface-2:    #f2f4f8;
  --border:       #e8eaef;
  --text:         #151515;
  --text-muted:   #6f6f6f;

  /* Typography */
  --font:         'Figtree', system-ui, -apple-system, sans-serif;
  --mono:         'Figtree', sans-serif;

  /* Shadows */
  --sh-sm: 0 1px 2px rgba(35, 46, 102, 0.04), 0 2px 6px rgba(35, 46, 102, 0.04);
  --sh-md: 0 4px 8px rgba(35, 46, 102, 0.06), 0 8px 24px rgba(35, 46, 102, 0.08);
  --sh-lg: 0 12px 24px -8px rgba(35, 46, 102, 0.12), 0 24px 64px -12px rgba(35, 46, 102, 0.18);
  --sh-warm: 0 12px 32px -8px rgba(245, 128, 36, 0.22), 0 4px 12px rgba(245, 128, 36, 0.10);
}