/* Rebrand Oneck Creative: tokens de cor (etapa 1, aprovada em 16/10/2026)
   Proporção 60-30-10: Oneck 60%, Areia 30%, Coral 10% no máximo. */
:root {
  /* Primária: Oneck #10768A (degrau 500, intocável) */
  --oneck-50:  #ECF8FB;
  --oneck-100: #D5EDF3;
  --oneck-200: #ADDAE5;
  --oneck-300: #7BBDCE;
  --oneck-400: #4A9CB0;
  --oneck-500: #10768A;
  --oneck-600: #006375;
  --oneck-700: #014E5C;
  --oneck-800: #003742;
  --oneck-900: #00242C; /* reserva: uso excepcional, fora de peças */

  /* Secundária: Coral #EE6A4A */
  --coral-50:  #FFF2EF;
  --coral-100: #FFE0D8;
  --coral-200: #FFC0B0;
  --coral-300: #FFAC97;
  --coral-400: #FB896D;
  --coral-500: #EE6A4A;
  --coral-600: #CE5436;
  --coral-700: #AC4228;
  --coral-800: #89331E;
  --coral-900: #6B2716;

  /* Apoio (30%): Areia #F5ECDD (degrau 200) */
  --areia-50: #FDFAF4;
  --areia-100: #F9F3E8;
  --areia-200: #F5ECDD;
  --areia-300: #E0D6C6;
  --areia-400: #C7BCAB;
  --areia-500: #A09788;
  --areia-600: #787063;
  --areia-700: #534C41;
  --areia-800: #322D24;
  --areia-900: #1E1A12;

  /* Neutros tingidos com o matiz da primária */
  --neutro-0:   #FFFFFF;
  --neutro-50:  #F4F8F9;
  --neutro-100: #E9F1F3;
  --neutro-200: #DCE7EA;
  --neutro-300: #C9D3D6;
  --neutro-400: #9DA7A9;
  --neutro-500: #6D7679;
  --neutro-600: #465659;
  --neutro-700: #2C3B3E;
  --neutro-800: #19272A;
  --neutro-900: #0B181C;

  /* Semânticas (só interface). As versões -texto passam 4,5:1 sobre branco e areia-50 */
  --sucesso: #249057;
  --sucesso-texto: #007F47;
  --alerta:  #E99B2A;
  --alerta-texto: #9B6200;
  --erro:    #D03739;
  --info:    #2677B2;

  /* Papéis: tema claro */
  --fundo:            var(--areia-50);
  --superficie:       var(--neutro-0);
  --borda:            var(--areia-300);
  --texto:            var(--neutro-800);  /* Oneck 900 é reserva de uso excepcional */
  --texto-suave:      var(--neutro-600);
  --primaria:         var(--oneck-500);
  --primaria-texto:   #FFFFFF;
  --apoio:            var(--areia-200);
  --apoio-texto:      var(--neutro-800);
  --destaque:         var(--coral-500);
  --destaque-texto:   var(--neutro-800);
}

/* Papéis: tema escuro (fundo tingido, nunca preto puro) */
:root[data-theme="dark"] {
  --fundo:            #0B1F24;
  --superficie:       #122C33;
  --borda:            #1E3E46;
  --texto:            var(--neutro-100);
  --texto-suave:      var(--neutro-400);
  --primaria:         var(--oneck-300);
  --primaria-texto:   var(--neutro-900);
  --apoio:            var(--areia-200);
  --apoio-texto:      var(--neutro-800);
  --destaque:         var(--coral-500);
  --destaque-texto:   var(--neutro-800);
}