/* ============================================================
   CENTRAL DE ESTUDOS AUVP — Variáveis CSS
   ============================================================ */

:root {
  /* Cores principais */
  --color-primary:      #123D2A;
  --color-secondary:    #1D523B;
  --color-primary-light:#2A6B4E;
  --color-green-bg:     #E4EEE7;

  /* Fundo e superfícies */
  --color-background:   #F6F1E7;
  --color-surface:      #FCFAF5;
  --color-card:         #FFFEFA;
  --color-card-hover:   #FFFDF5;

  /* Texto */
  --color-text:         #173126;
  --color-text-muted:   #6F786F;
  --color-text-light:   #9BA89B;
  --color-text-inverse: #FFFEFA;

  /* Borda */
  --color-border:       #DED8CB;
  --color-border-light: #EDE9E0;

  /* Destaques */
  --color-gold:         #C79B3B;
  --color-gold-light:   #F0DFA5;
  --color-gold-bg:      #FBF5E6;

  /* Status / Feedback */
  --color-success:      #1A7A4A;
  --color-success-bg:   #E6F4EC;
  --color-warning:      #C77B3B;
  --color-warning-bg:   #FDF0E4;
  --color-danger:       #E54863;
  --color-danger-bg:    #FDEAEE;
  --color-info:         #3B6EF5;
  --color-info-bg:      #EBF0FE;

  /* Flashcard status */
  --color-unknown:      #9BA89B;
  --color-hard:         #E54863;
  --color-ok:           #C77B3B;
  --color-easy:         #1A7A4A;
  --color-mastered:     #123D2A;

  /* Tipografia */
  --font-display:       Georgia, 'Times New Roman', serif;
  --font-body:          -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif;
  --font-mono:          'Courier New', Courier, monospace;

  /* Tamanhos de fonte */
  --font-size-base:     16px;
  --font-xs:            0.75rem;
  --font-sm:            0.8125rem;
  --font-md:            0.9375rem;
  --font-lg:            1.0625rem;
  --font-xl:            1.25rem;
  --font-2xl:           1.5rem;
  --font-3xl:           1.875rem;
  --font-4xl:           2.25rem;

  /* Espaçamento */
  --space-1:  0.25rem;
  --space-2:  0.5rem;
  --space-3:  0.75rem;
  --space-4:  1rem;
  --space-5:  1.25rem;
  --space-6:  1.5rem;
  --space-8:  2rem;
  --space-10: 2.5rem;
  --space-12: 3rem;
  --space-16: 4rem;

  /* Bordas */
  --radius-sm:  0.25rem;
  --radius-md:  0.5rem;
  --radius-lg:  0.75rem;
  --radius-xl:  1rem;
  --radius-2xl: 1.25rem;
  --radius-full: 9999px;

  /* Sombras */
  --shadow-sm:  0 1px 3px rgba(18,61,42,.06), 0 1px 2px rgba(18,61,42,.04);
  --shadow-md:  0 4px 12px rgba(18,61,42,.08), 0 2px 6px rgba(18,61,42,.05);
  --shadow-lg:  0 10px 30px rgba(18,61,42,.10), 0 4px 10px rgba(18,61,42,.06);
  --shadow-xl:  0 20px 50px rgba(18,61,42,.14), 0 8px 20px rgba(18,61,42,.08);

  /* Layout */
  --sidebar-width:      260px;
  --sidebar-collapsed:  68px;
  --header-height:      60px;
  --content-max:        1400px;

  /* Transições */
  --transition-fast:    150ms ease;
  --transition-base:    250ms ease;
  --transition-slow:    400ms ease;

  /* Z-index */
  --z-sidebar:   100;
  --z-header:    200;
  --z-dropdown:  300;
  --z-overlay:   400;
  --z-modal:     500;
  --z-toast:     600;
}

/* ============================================================
   MODO ESCURO
   ============================================================ */
[data-theme="dark"] {
  --color-primary:      #2A6B4E;
  --color-secondary:    #3A8060;
  --color-primary-light:#4A9B72;
  --color-green-bg:     #1A2E24;

  --color-background:   #111B16;
  --color-surface:      #172211;
  --color-card:         #1C2B1F;
  --color-card-hover:   #223325;

  --color-text:         #E8F0E9;
  --color-text-muted:   #8A9E8B;
  --color-text-light:   #627063;
  --color-text-inverse: #0D1510;

  --color-border:       #2A3D2E;
  --color-border-light: #1E2E22;

  --color-gold:         #D4A84B;
  --color-gold-light:   #A07830;
  --color-gold-bg:      #231C0A;

  --color-success:      #3DBB70;
  --color-success-bg:   #0D2318;
  --color-warning:      #D48840;
  --color-warning-bg:   #231608;
  --color-danger:       #FF6B85;
  --color-danger-bg:    #2A0E14;
  --color-info:         #6B8FFF;
  --color-info-bg:      #0E1530;

  --shadow-sm:  0 1px 3px rgba(0,0,0,.25);
  --shadow-md:  0 4px 12px rgba(0,0,0,.30);
  --shadow-lg:  0 10px 30px rgba(0,0,0,.35);
  --shadow-xl:  0 20px 50px rgba(0,0,0,.45);
}

/* ============================================================
   ESCALA DE FONTE
   ============================================================ */
[data-font-size="small"]  { font-size: 14px; }
[data-font-size="normal"] { font-size: 16px; }
[data-font-size="large"]  { font-size: 18px; }
[data-font-size="xlarge"] { font-size: 20px; }

/* ============================================================
   REDUZIR ANIMAÇÕES
   ============================================================ */
[data-reduce-motion="true"] *,
[data-reduce-motion="true"] *::before,
[data-reduce-motion="true"] *::after {
  animation-duration: 0.01ms !important;
  animation-iteration-count: 1 !important;
  transition-duration: 0.01ms !important;
}