/* ============================================================
   Privyu Design Tokens — web
   design/screens/tokens.css'ten türetildi.
   TEK FARK: --font-display sırası düzeltildi (Cormorant önce).
   ============================================================ */

:root {
  /* ---------- Brand Scale (Navy Indigo) ---------- */
  --brand-1:  #EBF0FA;
  --brand-2:  #D8E3F6;
  --brand-3:  #C2D1F0;
  --brand-4:  #A8BBE8;
  --brand-5:  #8AA3DE;
  --brand-6:  #6A89D1;
  --brand-7:  #476EC0;
  --brand-8:  #2457AE;
  --brand-9:  #0D47A1;  /* PRIMARY */
  --brand-10: #0A3D8F;
  --brand-11: #08327A;
  --brand-12: #051E52;

  /* ---------- Warm Neutral (Cream) ---------- */
  --cream-1:  #FFFFFE;
  --cream-2:  #FFFEF7;
  --cream-3:  #FFFDE7;
  --cream-4:  #FFF9C4;
  --cream-9:  #F9A825;
  --cream-10: #F57F17;

  /* ---------- Gray ---------- */
  --gray-1:  #FAFAFA;
  --gray-2:  #F5F5F5;
  --gray-3:  #EEEEEE;
  --gray-4:  #E0E0E0;
  --gray-5:  #BDBDBD;
  --gray-6:  #9E9E9E;
  --gray-7:  #757575;
  --gray-8:  #616161;
  --gray-9:  #424242;
  --gray-10: #212121;

  /* ---------- Semantic ---------- */
  --color-background:        var(--cream-2);
  --color-surface:           var(--cream-1);
  --color-surface-variant:   var(--cream-3);
  --color-primary:           var(--brand-9);
  --color-on-primary:        #FFFFFF;
  --color-secondary:         var(--brand-7);
  --color-text-primary:      var(--gray-10);
  --color-text-secondary:    var(--gray-7);
  --color-border:            var(--gray-4);
  --color-border-brand:      var(--brand-4);
  --color-success:           #2E7D32;
  --color-warning:           var(--cream-9);
  --color-error:             #C62828;
  --color-wa:                #25D366;

  /* ---------- Spacing (4px grid) ---------- */
  --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; --space-16: 64px; --space-20: 80px;

  /* ---------- Radius ---------- */
  --radius-xs: 4px;  --radius-sm: 8px;  --radius-md: 12px;
  --radius-lg: 16px; --radius-xl: 24px; --radius-full: 9999px;

  /* ---------- Elevation ---------- */
  --elevation-1: 0 1px 2px rgba(0,0,0,.08);
  --elevation-2: 0 2px 6px rgba(0,0,0,.10);
  --elevation-3: 0 4px 12px rgba(0,0,0,.12);
  --elevation-4: 0 8px 24px rgba(0,0,0,.14);

  /* ---------- Type ---------- */
  --font-display: 'Cormorant Garamond', 'Playfair Display', Palatino, Georgia, serif;
  --font-body:    'Cabin', 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
}