/* Rebrand Oneck Creative: tema Tailwind v4. Importar depois de cores.css. */
@theme {
  --color-oneck-50: #ECF8FB;
  --color-oneck-100: #D5EDF3;
  --color-oneck-200: #ADDAE5;
  --color-oneck-300: #7BBDCE;
  --color-oneck-400: #4A9CB0;
  --color-oneck-500: #10768A;
  --color-oneck-600: #006375;
  --color-oneck-700: #014E5C;
  --color-oneck-800: #003742;
  --color-oneck-900: #00242C;

  --color-coral-50: #FFF2EF;
  --color-coral-100: #FFE0D8;
  --color-coral-200: #FFC0B0;
  --color-coral-300: #FFAC97;
  --color-coral-400: #FB896D;
  --color-coral-500: #EE6A4A;
  --color-coral-600: #CE5436;
  --color-coral-700: #AC4228;
  --color-coral-800: #89331E;
  --color-coral-900: #6B2716;

  --color-areia-50: #FDFAF4;
  --color-areia-100: #F9F3E8;
  --color-areia-200: #F5ECDD;
  --color-areia-300: #E0D6C6;
  --color-areia-400: #C7BCAB;
  --color-areia-500: #A09788;
  --color-areia-600: #787063;
  --color-areia-700: #534C41;
  --color-areia-800: #322D24;
  --color-areia-900: #1E1A12;

  --color-neutro-0: #FFFFFF;
  --color-neutro-50: #F4F8F9;
  --color-neutro-100: #E9F1F3;
  --color-neutro-200: #DCE7EA;
  --color-neutro-300: #C9D3D6;
  --color-neutro-400: #9DA7A9;
  --color-neutro-500: #6D7679;
  --color-neutro-600: #465659;
  --color-neutro-700: #2C3B3E;
  --color-neutro-800: #19272A;
  --color-neutro-900: #0B181C;

  --color-sucesso: #249057;
  --color-sucesso-texto: #007F47;
  --color-alerta: #E99B2A;
  --color-alerta-texto: #9B6200;
  --color-erro: #D03739;
  --color-info: #2677B2;

  /* Papéis ligados às variáveis de tema (trocam no modo escuro sem usar dark:) */
  --color-fundo: var(--fundo);
  --color-superficie: var(--superficie);
  --color-borda: var(--borda);
  --color-texto: var(--texto);
  --color-texto-suave: var(--texto-suave);
  --color-primaria: var(--primaria);
  --color-primaria-texto: var(--primaria-texto);
  --color-apoio: var(--apoio);
  --color-apoio-texto: var(--apoio-texto);
  --color-destaque: var(--destaque);
  --color-destaque-texto: var(--destaque-texto);
}