/* =====================================================================
   Autoridade Digital — Design tokens (cores claro/escuro)
   O Ameixa (--color-accent) é ACCENT de autoridade, nunca fundo.
   ===================================================================== */

/* ============================================
   MODO ESCURO (padrão)
   ============================================ */
:root {
  /* Fundos */
  --color-bg:        #0F0F0F;   /* página */
  --color-surface:   #1A1A1A;   /* sidebar, cards */
  --color-surface-2: #222222;   /* inputs, hover states */
  --color-border:    #2E2E2E;   /* divisores */

  /* Textos */
  --color-text:         #FAF6F0; /* texto principal (Creme Lu Rivoli) */
  --color-text-muted:   #9A8F85; /* texto secundário (Nude escurecido) */
  --color-text-subtle:  #5A5350; /* placeholders, dicas */

  /* Cores da marca — accent e ações */
  --color-accent:        #3D1F5C; /* Ameixa — autoridade, item ativo */
  --color-accent-light:  #512878; /* hover do accent */
  --color-accent-glow:   rgba(61,31,92,0.35); /* sombra/glow do accent */

  --color-action:        #E8450A; /* Laranja — botão primário, CTA */
  --color-action-hover:  #C93A08; /* hover do laranja */
  --color-action-muted:  rgba(232,69,10,0.15); /* fundo de badge laranja */

  /* Sinalizações */
  --color-warning:       #F5CB42; /* Amarelo Solar — missão pendente */
  --color-warning-muted: rgba(245,203,66,0.15);
  --color-success:       #5BA85A; /* verde — sessão concluída, feito */
  --color-success-muted: rgba(91,168,90,0.15);
  --color-danger:        #D94F2E; /* vermelho — erro, bloqueado */
  --color-danger-muted:  rgba(217,79,46,0.15);
  --color-doing:         #4A9EBF; /* azul — em andamento, fazendo */
  --color-doing-muted:   rgba(74,158,191,0.15);

  /* Nude como detalhe decorativo */
  --color-nude:  #E8C4A0;
  --color-creme: #FAF6F0;

  /* Tipografia — escala */
  --font-serif: 'Playfair Display', Georgia, serif;
  --font-sans:  'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

  --font-size-xs:   11px;   /* badges, eyebrows */
  --font-size-sm:   13px;   /* labels, meta, datas */
  --font-size-base: 15px;   /* corpo */
  --font-size-md:   17px;   /* subtítulos */
  --font-size-lg:   22px;   /* títulos de seção */
  --font-size-xl:   28px;   /* títulos de página */
  --font-size-2xl:  36px;   /* nome da plataforma, destaque */

  /* Espaçamento, raios e sombras */
  --radius-sm: 6px;
  --radius:    10px;
  --radius-lg: 16px;
  --shadow-sm: 0 1px 3px rgba(0,0,0,0.25);
  --shadow:    0 4px 20px rgba(0,0,0,0.35);

  /* Layout */
  --sidebar-width: 260px;
}

/* ============================================
   MODO CLARO
   ============================================ */
.light-mode {
  /* Fundos */
  --color-bg:        #FAF6F0;   /* Creme Lu Rivoli */
  --color-surface:   #FFFFFF;
  --color-surface-2: #F0EBE3;   /* Nude muito claro */
  --color-border:    #DDD5C8;

  /* Textos */
  --color-text:        #1A1517;  /* quase-preto com leve toque quente */
  --color-text-muted:  #6B5F58;
  --color-text-subtle: #A89890;

  /* Accent — Ameixa funciona bem no claro também */
  --color-accent:        #3D1F5C;
  --color-accent-light:  #512878;
  --color-accent-glow:   rgba(61,31,92,0.12);

  /* Ação — Laranja mantém força no fundo claro */
  --color-action:        #E8450A;
  --color-action-hover:  #C93A08;
  --color-action-muted:  rgba(232,69,10,0.10);

  /* Sinalizações (mesmas cores, menos opacidade no muted) */
  --color-warning:       #C9960A;  /* amarelo escurecido para contraste */
  --color-warning-muted: rgba(201,150,10,0.12);
  --color-success:       #3D7A3C;
  --color-success-muted: rgba(61,122,60,0.12);
  --color-danger:        #B83820;
  --color-danger-muted:  rgba(184,56,32,0.12);
  --color-doing:         #2D7A96;
  --color-doing-muted:   rgba(45,122,150,0.12);

  --color-nude:  #C4967A;   /* nude escurecido para uso em texto */
  --color-creme: #FAF6F0;

  --shadow-sm: 0 1px 3px rgba(61,31,92,0.06);
  --shadow:    0 4px 20px rgba(61,31,92,0.10);
}