/* ============================================================
   ANGEL DI COLORI — Design Tokens
   Fonte da verdade para cores, tipografia, espaçamento e sombras
   ============================================================ */

:root {
  /* Paleta de Cores — Angel Di Colori identidade visual */
  --color-primary:       #9352A2;   /* roxo médio */
  --color-primary-dark:  #71286F;   /* roxo escuro principal */
  --color-primary-light: #C17ABE;   /* lilás */
  --color-primary-50:    #F7EEF8;
  --color-primary-100:   #EDD8F0;

  --color-accent:        #C9A227;
  --color-accent-dark:   #A07F18;
  --color-accent-light:  #F5E6B0;

  --color-blush:         #EDD5C2;   /* creme bege da paleta */
  --color-blush-dark:    #DEC0A8;
  --color-cream:         #FBF7F4;
  --color-cream-dark:    #F2EAE0;

  --color-text:          #3A1A3A;
  --color-text-secondary:#6B4A6E;
  --color-text-muted:    #9C7AAE;
  --color-text-inverse:  #FFFFFF;

  --color-border:        #E6D0EA;
  --color-border-light:  #F0E4F4;

  --color-white:         #FFFFFF;
  --color-surface:       #FFFFFF;
  --color-bg:            #FDFAFD;

  --color-success:       #2E7D32;
  --color-success-bg:    #E8F5E9;
  --color-error:         #C62828;
  --color-error-bg:      #FFEBEE;
  --color-warning:       #E65100;
  --color-warning-bg:    #FFF3E0;

  /* Tipografia */
  --font-heading: 'Cormorant Garamond', Georgia, 'Times New Roman', serif;
  --font-body:    'Raleway', system-ui, -apple-system, sans-serif;

  --text-xs:   0.75rem;    /* 12px */
  --text-sm:   0.875rem;   /* 14px */
  --text-base: 1rem;       /* 16px */
  --text-lg:   1.125rem;   /* 18px */
  --text-xl:   1.25rem;    /* 20px */
  --text-2xl:  1.5rem;     /* 24px */
  --text-3xl:  1.875rem;   /* 30px */
  --text-4xl:  2.25rem;    /* 36px */
  --text-5xl:  3rem;       /* 48px */
  --text-6xl:  3.75rem;    /* 60px */

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

  --lh-tight:  1.2;
  --lh-snug:   1.35;
  --lh-normal: 1.5;
  --lh-relaxed:1.65;

  /* Espaçamento */
  --space-1:  0.25rem;   /* 4px  */
  --space-2:  0.5rem;    /* 8px  */
  --space-3:  0.75rem;   /* 12px */
  --space-4:  1rem;      /* 16px */
  --space-5:  1.25rem;   /* 20px */
  --space-6:  1.5rem;    /* 24px */
  --space-8:  2rem;      /* 32px */
  --space-10: 2.5rem;    /* 40px */
  --space-12: 3rem;      /* 48px */
  --space-16: 4rem;      /* 64px */
  --space-20: 5rem;      /* 80px */
  --space-24: 6rem;      /* 96px */

  /* Border Radius */
  --radius-sm:   4px;
  --radius:      8px;
  --radius-md:   12px;
  --radius-lg:   16px;
  --radius-xl:   24px;
  --radius-2xl:  32px;
  --radius-pill: 9999px;

  /* Sombras */
  --shadow-xs: 0 1px 2px rgba(113, 40, 111, 0.06);
  --shadow-sm: 0 1px 4px rgba(113, 40, 111, 0.08), 0 1px 2px rgba(113, 40, 111, 0.04);
  --shadow:    0 4px 12px rgba(113, 40, 111, 0.10), 0 2px 4px rgba(113, 40, 111, 0.06);
  --shadow-md: 0 8px 20px rgba(113, 40, 111, 0.12), 0 3px 6px rgba(113, 40, 111, 0.07);
  --shadow-lg: 0 16px 40px rgba(113, 40, 111, 0.14), 0 6px 12px rgba(113, 40, 111, 0.08);
  --shadow-xl: 0 24px 56px rgba(113, 40, 111, 0.18), 0 8px 16px rgba(113, 40, 111, 0.10);

  /* Transições */
  --transition-fast:   150ms ease;
  --transition:        200ms ease;
  --transition-slow:   350ms ease;

  /* Layout */
  --max-width:      1240px;
  --container-px:   1.5rem;
  --header-height:  110px;
}

/* Modo escuro (base — expansível futuramente) */
@media (prefers-color-scheme: dark) {
  /* Deixado propositalmente simples — personalizar conforme necessidade */
}