/* ============================================================
   Izzat Brand OS · Design Tokens v1.0
   Source of truth: ~/Projects/izzat-global-site/css/tokens.css
   Atualizado: 2026-05-17
   ============================================================
   Drop-in pra qualquer projeto que precise da brand Izzat.
   Mesmos tokens do izzat-global-site + paleta Figma extraida.
   ============================================================ */

/* ============================================================
   FONT HIERARCHY · canon
   ============================================================
   --font-primary  · SF Pro Display/Text, Inter (UI · body · headings)
   --font-mono     · SF Mono, JetBrains Mono (code · captions tecnicas)
   --font-logo     · Helvetica Neue 900 (USE APENAS NO SVG DO LOGO · CAPS)

   Regra: nunca use Helvetica Neue fora do SVG do logo.
   Resto do sistema e sentence case com SF Pro/Inter.
   ============================================================ */

:root {
  /* ===== ACCENT (oficial #FF6A00) ===== */
  --accent:           #FF6A00;
  --accent-light:     #FF8C33;
  --accent-dark:      #cc5500;
  --accent-glow:      rgba(255, 106, 0, 0.08);
  --accent-ring:      rgba(255, 106, 0, 0.12);

  /* ===== BRAND PALETTE (Figma · 561 nodes · extraido 2026-05-17) ===== */
  --accent-hover-warm:  #ED742E;
  --accent-pressed:     #E25F02;
  --accent-link:        #D95B02;
  --accent-shadow:      #B74C01;
  --accent-cream:       #E1D4A3;
  --accent-cream-soft:  #E0D2A2;
  --accent-cream-deep:  #DED19F;
  --accent-coral:       #F7534B;
  --accent-coral-soft:  #EC7049;
  --accent-navy:        #1D2C44;
  --brand-black:        #010101;
  --brand-black-tinted: #150A00;

  /* ===== ECOSSISTEMA · 8 marcas (cores oficiais Vídeo 02 Orbit) ===== */
  --eco-izzat-global: #FF6A00;
  --eco-izzat-day:    #F7534B;
  --eco-lab:          #E1D4A3;
  --eco-academy:      #D95B02;
  --eco-partners:     #1D2C44;
  --eco-express:      #EC7049;
  --eco-tools:        #DED19F;
  --eco-app:          #E25F02;

  /* ===== BG · TEXT · BORDER (Apple-aligned light) ===== */
  --bg-primary:       #ffffff;
  --bg-secondary:     #f5f5f7;
  --bg-tertiary:      #f0f0f2;
  --bg-card:          rgba(0, 0, 0, 0.02);
  --bg-glass:         rgba(255, 255, 255, 0.82);

  --text-primary:     #1d1d1f;
  --text-secondary:   #6e6e73;
  --text-tertiary:    #86868b;
  --text-quaternary:  #a1a1a6;

  --border:           rgba(0, 0, 0, 0.06);
  --border-hover:     rgba(0, 0, 0, 0.12);
  --border-accent:    rgba(255, 106, 0, 0.2);

  /* ===== SEMANTIC ===== */
  --success: #34c759;
  --warning: #ff9500;
  --danger:  #ff3b30;
  --info:    #007aff;

  /* ===== TYPOGRAPHY ===== */
  --font-primary: -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'SF Pro Text', Inter, system-ui, sans-serif;
  --font-mono:    ui-monospace, 'SF Mono', 'JetBrains Mono', monospace;
  --font-logo:    'Helvetica Neue', 'Helvetica', 'Arial Black', sans-serif; /* logo SVG only · CAPS · Black 900 */

  --fs-display:     clamp(3rem, 8vw, 5rem);
  --fs-heading-1:   clamp(2.5rem, 5vw, 4rem);
  --fs-heading-2:   clamp(2rem, 4vw, 3rem);
  --fs-heading-3:   clamp(1.5rem, 3vw, 2rem);
  --fs-heading-4:   1.25rem;
  --fs-body-large:  clamp(1.125rem, 2vw, 1.375rem);
  --fs-body:        1rem;
  --fs-body-small:  0.875rem;
  --fs-caption:     0.75rem;

  --fw-regular:  400;
  --fw-medium:   500;
  --fw-semibold: 600;
  --fw-bold:     700;

  --tracking-tighter: -0.04em;
  --tracking-tight:   -0.02em;
  --tracking-normal:  normal;
  --tracking-display: -0.04em;
  --tracking-body:    -0.01em;
  --tracking-eyebrow: 0.14em;
  --tracking-caps:    0.22em;

  --leading-tight:   1.2;
  --leading-snug:    1.4;
  --leading-normal:  1.6;
  --leading-relaxed: 1.7;

  /* ===== SPACE (escala 8) ===== */
  --space-0: 0;     --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; --space-24: 96px; --space-30: 120px;

  /* ===== RADIUS ===== */
  --radius-sm:   8px;
  --radius:      14px;
  --radius-md:   16px;
  --radius-lg:   20px;
  --radius-xl:   24px;
  --radius-2xl:  32px;
  --radius-pill: 980px;
  --radius-full: 50%;

  /* ===== SHADOW ===== */
  --shadow-sm:      0 1px 3px rgba(0,0,0,0.04);
  --shadow-card:    0 4px 24px rgba(0,0,0,0.06);
  --shadow-card-lg: 0 8px 40px rgba(0,0,0,0.06), 0 2px 12px rgba(0,0,0,0.03);
  --shadow-hero:    0 20px 60px rgba(0,0,0,0.08);
  --shadow-glow:    0 0 60px rgba(255,106,0,0.06);
  --shadow-glow-lg: 0 12px 48px rgba(0,0,0,0.06), 0 0 80px rgba(255,106,0,0.08);

  /* ===== MOTION (curva canônica Apple + variações video) ===== */
  --ease:             cubic-bezier(0.25, 0.46, 0.45, 0.94);
  --ease-search:      cubic-bezier(0.28, 0.11, 0.32, 1);
  --ease-in:          cubic-bezier(0.42, 0, 1, 1);
  --ease-out:         cubic-bezier(0, 0, 0.58, 1);
  --ease-in-out:      cubic-bezier(0.42, 0, 0.58, 1);
  --ease-back-out:    cubic-bezier(0.34, 1.56, 0.64, 1);

  --duration-fast: 200ms;
  --duration-base: 400ms;
  --duration-slow: 800ms;

  /* ===== GLASS (Apple Liquid) ===== */
  --glass-light:   rgba(255,255,255,0.82);
  --glass-strong:  rgba(255,255,255,0.92);
  --glass-dark:    rgba(0,0,0,0.72);
  --glass-blur:    saturate(180%) blur(20px);
  --glass-blur-lg: saturate(180%) blur(28px);

  /* ===== POLISH v1 · shadow scale refinada (append 2026-05-16) ===== */
  --shadow-xs:        0 1px 2px rgba(0,0,0,0.04);
  --shadow-elevated:  0 16px 50px rgba(0,0,0,0.12);
  --shadow-premium:   0 24px 60px rgba(0,0,0,0.10), 0 2px 8px rgba(0,0,0,0.04);
  --shadow-accent:    0 8px 24px rgba(255,106,0,0.20);
}