/* ============================================================
   İKRA GRAFİK WEB — Design Tokens
   Mirrors Android app theme exactly
   ============================================================ */
:root {
  /* Brand Colors */
  --brand-navy:         #0F172A;
  --brand-navy-card:    #141B2D;
  --brand-navy-med:     #1E293B;
  --brand-orange:       #F97316;
  --brand-orange-bright:#FB923C;
  --brand-orange-light: #FFF7ED;
  --brand-orange-text:  #EA580C;

  /* UI Colors */
  --app-bg:             #F1F5F9;
  --app-white:          #FFFFFF;
  --app-card-border:    #E2E8F0;
  --app-input-bg:       #F8FAFC;

  /* Text */
  --text-black:         #1E293B;
  --text-secondary:     #64748B;
  --text-tertiary:      #94A3B8;
  --text-placeholder:   #94A3B8;

  /* Status Colors */
  --color-success:      #22C55E;
  --color-warning:      #F59E0B;
  --color-danger:       #EF4444;
  --color-info:         #3B82F6;

  /* Social */
  --color-whatsapp:     #22C55E;
  --color-instagram:    #EC4899;
  --color-facebook:     #3B82F6;

  /* Spacing */
  --space-xs:  4px;
  --space-sm:  8px;
  --space-md:  12px;
  --space-lg:  16px;
  --space-xl:  20px;
  --space-2xl: 24px;
  --space-3xl: 32px;

  /* Border radius */
  --radius-sm:  8px;
  --radius-md:  12px;
  --radius-lg:  16px;
  --radius-xl:  20px;
  --radius-full: 9999px;

  /* Shadows */
  --shadow-sm:  0 1px 3px rgba(0,0,0,.08), 0 1px 2px rgba(0,0,0,.04);
  --shadow-md:  0 4px 6px rgba(0,0,0,.07), 0 2px 4px rgba(0,0,0,.04);
  --shadow-lg:  0 10px 15px rgba(0,0,0,.08), 0 4px 6px rgba(0,0,0,.04);
  --shadow-card: 0 2px 8px rgba(15,23,42,.06);

  /* Typography */
  --font-main:  'Baloo 2', 'Inter', 'Segoe UI', system-ui, -apple-system, sans-serif;
  --font-brand: 'Baloo 2', 'Inter', sans-serif;

  /* Transitions */
  --transition-fast: 0.15s ease;
  --transition-med:  0.25s ease;

  /* Layout */
  --nav-height:    64px;
  --bottom-nav-h:  64px;
  --sidebar-w:     240px;
  --content-max:   960px;
}