/* ═══════════════════════════════════════════════════
   AYO DESIGN SYSTEM v1.0 — Design Tokens
   Compartilhado por todas as páginas do tema.
   iOS 26 Liquid Glass · Zero gradients
═══════════════════════════════════════════════════ */

:root {
  /* ── Brand Gold Scale ── */
  --gold-50:  #FFFBEA;
  --gold-100: #FFF3C4;
  --gold-200: #FCE588;
  --gold-300: #FADB5F;
  --gold-400: #F7C948;
  --gold-500: #E4B101;  /* Primary */
  --gold-600: #CA9A00;
  --gold-700: #A67C00;
  --gold-800: #876400;
  --gold-900: #6B4E00;
  --gold-dark: #241A00; /* Text on gold */

  /* ── Neutral Scale ── */
  --black-50:  #F7F7F7;
  --black-100: #E5E5E5;
  --black-200: #D4D4D4;
  --black-300: #A3A3A3;
  --black-400: #737373;
  --black-500: #525252;
  --black-600: #404040;
  --black-700: #262626;
  --black-800: #171717;
  --black-900: #111111;

  /* ── Surfaces ── */
  --surface-base:    #FAFAFA;
  --surface-lowest:  #FFFFFF;
  --surface-low:     #F5F5F5;
  --surface-mid:     #F0F0F0;
  --surface-high:    #EBEBEB;

  /* ── Semantic ── */
  --success-bg:   #DCFCE7;
  --success-text: #166534;
  --success-icon: #22C55E;
  --warning-bg:   #FEF3C7;
  --warning-text: #854D0E;
  --warning-icon: #EAB308;
  --error-bg:     #FEE2E2;
  --error-text:   #991B1B;
  --error-icon:   #EF4444;
  --info-bg:      #DBEAFE;
  --info-text:    #1E40AF;

  /* ── iOS 26 Liquid Glass — Light ── */
  --gl:       rgba(255, 255, 255, 0.72);
  --gl-hv:    rgba(255, 255, 255, 0.92);
  --gl-bdr:   rgba(255, 255, 255, 0.58);
  --gl-bdg:   rgba(228, 177, 1, 0.22);
  --gl-in:    inset 0 1px 0 rgba(255, 255, 255, 0.85);

  /* ── iOS 26 Liquid Glass — Dark ── */
  --gd:       rgba(18, 18, 18, 0.88);
  --gd-card:  rgba(32, 32, 32, 0.80);
  --gd-nav:   rgba(20, 20, 20, 0.90);
  --gd-bdr:   rgba(255, 255, 255, 0.08);
  --gd-in:    inset 0 1px 0 rgba(255, 255, 255, 0.07);

  /* ── Blur ── */
  --blur:   saturate(180%) blur(24px);
  --blur-s: saturate(150%) blur(14px);

  /* ── Typography ── */
  --font-display: 'Comfortaa', sans-serif;
  --font-body:    'Poppins', sans-serif;

  /* ── Spacing (base 4px) ── */
  --sp-1:  0.25rem;   /* 4px  */
  --sp-2:  0.5rem;    /* 8px  */
  --sp-3:  0.75rem;   /* 12px */
  --sp-4:  1rem;      /* 16px */
  --sp-5:  1.25rem;   /* 20px */
  --sp-6:  1.5rem;    /* 24px */
  --sp-8:  2rem;      /* 32px */
  --sp-10: 2.5rem;    /* 40px */
  --sp-12: 3rem;      /* 48px */
  --sp-16: 4rem;      /* 64px */
  --sp-20: 5rem;      /* 80px */
  --sp-24: 6rem;      /* 96px */

  /* ── Border Radius ── */
  --r-sm:   4px;
  --r-md:   10px;
  --r-lg:   16px;
  --r-xl:   22px;
  --r-2xl:  32px;
  --r-pill: 9999px;

  /* ── Shadows (tonal — no heavy spread) ── */
  --sh-sm: 0 1px 3px  rgba(17, 17, 17, 0.05);
  --sh-md: 0 4px 16px rgba(17, 17, 17, 0.07), 0 1px 4px rgba(17, 17, 17, 0.04);
  --sh-lg: 0 8px 32px rgba(17, 17, 17, 0.09), 0 2px 8px rgba(17, 17, 17, 0.05);
  --sh-g:  0 4px 20px rgba(228, 177, 1, 0.18), 0 1px 4px rgba(228, 177, 1, 0.08);

  /* ── Transitions (iOS spring) ── */
  --t-spring: 240ms cubic-bezier(0.34, 1.56, 0.64, 1);
  --t-smooth: 320ms cubic-bezier(0.4, 0, 0.2, 1);
  --t-fast:   150ms cubic-bezier(0, 0, 0.2, 1);
}