/* ============================================================
   GABARITOU 2.0 — Design Tokens
   Tema Claro (padrão) / Escuro / Alto Contraste / Daltônico
   ============================================================ */

/* ---------- TEMA CLARO (padrão) ---------- */
:root {
  /* Brand */
  --clr-green:        #00C896;
  --clr-green-dark:   #00A87D;
  --clr-green-light:  #E6FAF5;
  --clr-blue:         #4F7CF7;
  --clr-blue-light:   #EEF3FE;
  --clr-navy:         #0D1B3E;
  --clr-red:          #FF5252;
  --clr-red-light:    #FFF0F0;
  --clr-orange:       #FF8C42;
  --clr-purple:       #9B59B6;

  /* Superfícies */
  --bg-page:          #F8F9FD;
  --bg-card:          #FFFFFF;
  --bg-sidebar:       #0D1B3E;
  --bg-topbar:        #FFFFFF;
  --bg-input:         #FFFFFF;
  --bg-hover:         #F1F5F9;

  /* Texto */
  --txt-primary:      #1A202C;
  --txt-secondary:    #64748B;
  --txt-muted:        #94A3B8;
  --txt-on-navy:      #FFFFFF;
  --txt-on-green:     #FFFFFF;

  /* Bordas */
  --border:           #E2E8F0;
  --border-focus:     #00C896;

  /* Sidebar */
  --sidebar-txt:      rgba(255,255,255,0.75);
  --sidebar-txt-active:#FFFFFF;
  --sidebar-icon-active:#00C896;
  --sidebar-item-active:rgba(0,200,150,0.12);
  --sidebar-item-hover: rgba(255,255,255,0.06);

  /* Shadows */
  --shadow-sm:  0 1px 3px rgba(0,0,0,.06), 0 1px 2px rgba(0,0,0,.04);
  --shadow-md:  0 4px 16px rgba(0,0,0,.06), 0 1px 4px rgba(0,0,0,.04);
  --shadow-lg:  0 10px 40px rgba(0,0,0,.10), 0 2px 8px rgba(0,0,0,.06);

  /* Raios */
  --radius-sm:  6px;
  --radius-md:  10px;
  --radius-lg:  14px;
  --radius-xl:  20px;

  /* Tipografia */
  --font-base:  'Inter', system-ui, sans-serif;
  --fs-xs:      0.75rem;   /* 12px */
  --fs-sm:      0.8125rem; /* 13px */
  --fs-md:      0.9375rem; /* 15px */
  --fs-lg:      1.125rem;  /* 18px */
  --fs-xl:      1.5rem;    /* 24px */
  --fs-2xl:     2rem;      /* 32px */

  /* Transições */
  --transition: 0.2s ease;
}

/* ---------- TEMA ESCURO ---------- */
[data-theme="dark"] {
  --bg-page:    #0F172A;
  --bg-card:    #1E293B;
  --bg-sidebar: #0D1B3E;
  --bg-topbar:  #1E293B;
  --bg-input:   #0F172A;
  --bg-hover:   #334155;

  --txt-primary:   #F1F5F9;
  --txt-secondary: #94A3B8;
  --txt-muted:     #64748B;

  --border:        #334155;
  --border-focus:  #00C896;

  --shadow-sm: 0 1px 3px rgba(0,0,0,.30);
  --shadow-md: 0 4px 16px rgba(0,0,0,.30);
  --shadow-lg: 0 10px 40px rgba(0,0,0,.40);
}

/* ---------- ALTO CONTRASTE ---------- */
[data-accessibility~="high-contrast"] {
  --txt-primary:   #000000;
  --txt-secondary: #1a1a1a;
  --bg-page:       #FFFFFF;
  --bg-card:       #FFFFFF;
  --border:        #000000;
  --clr-green:     #007A5A;
  --clr-blue:      #0033CC;
}

[data-theme="dark"][data-accessibility~="high-contrast"] {
  --txt-primary:   #FFFFFF;
  --txt-secondary: #E0E0E0;
  --bg-page:       #000000;
  --bg-card:       #111111;
  --border:        #FFFFFF;
}

/* ---------- DALTONISMO: DEUTERANOPIA ---------- */
[data-accessibility~="deuteranopia"] {
  --clr-green: #E6A817;
  --clr-red:   #0066CC;
}

/* ---------- DALTONISMO: PROTANOPIA ---------- */
[data-accessibility~="protanopia"] {
  --clr-green: #D4A017;
  --clr-red:   #005BB5;
}

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

/* ============================================================
   TEMAS ESPECÍFICOS POR PLANO (Reskin Completo)
   ============================================================ */

/* --- PLANO STARTER (Teal / Verde Água) --- */
[data-user-plan="starter"] {
  --clr-green:        #00A8CC;
  --clr-green-dark:   #008CA8;
  --clr-green-light:  #E6FAFC;
  --border-focus:     #00A8CC;
  --sidebar-icon-active: #00A8CC;
  --sidebar-item-active: rgba(0,168,204,0.12);
}
[data-theme="dark"][data-user-plan="starter"] {
  --clr-green-light:  #0C2533;
}

/* --- PLANO PRO (Violeta / Indigo Purple) --- */
[data-user-plan="pro"] {
  --clr-green:        #8B5CF6;
  --clr-green-dark:   #7C3AED;
  --clr-green-light:  #F5F3FF;
  --border-focus:     #8B5CF6;
  --sidebar-icon-active: #8B5CF6;
  --sidebar-item-active: rgba(139,92,246,0.12);
}
[data-theme="dark"][data-user-plan="pro"] {
  --clr-green-light:  #2D1C52;
}

/* --- PLANO MASTER (Sunset Amber / Laranja Quente) --- */
[data-user-plan="master"] {
  --clr-green:        #F59E0B;
  --clr-green-dark:   #D97706;
  --clr-green-light:  #FEF3C7;
  --border-focus:     #F59E0B;
  --sidebar-icon-active: #F59E0B;
  --sidebar-item-active: rgba(245,158,11,0.12);
}
[data-theme="dark"][data-user-plan="master"] {
  --clr-green-light:  #382405;
}

/* --- PLANO ESCOLA (Dourado Premium / Gold) --- */
[data-user-plan="escola"] {
  --clr-green:        #D97706;
  --clr-green-dark:   #B45309;
  --clr-green-light:  #FFFBEB;
  --border-focus:     #D97706;
  --sidebar-icon-active: #D97706;
  --sidebar-item-active: rgba(217,119,6,0.12);
}
[data-theme="dark"][data-user-plan="escola"] {
  --clr-green-light:  #341903;
}