/* Lagoinha Indaiatuba — Color tokens */
:root {
  /* Base palette (from brand moodboard) */
  --preto: #0D0D0D;        /* Preto */
  --carvao: #1C1C1C;       /* Carvão */
  --amarelo: #FFC312;      /* Amarelo (signature accent) */
  --off-white: #F5F5F2;    /* Off White */
  --areia-suave: #D9D5CC;  /* Areia Suave */

  /* Extended neutrals (derived, for UI depth) */
  --preto-900: #0D0D0D;
  --carvao-800: #1C1C1C;
  --carvao-700: #262626;
  --carvao-600: #333333;
  --neutral-500: #6b6a66;
  --neutral-400: #9a9791;
  --areia-300: #D9D5CC;
  --off-200: #ECEAE5;
  --off-100: #F5F5F2;
  --white: #FFFFFF;

  /* Amarelo scale */
  --amarelo-600: #E0A800;
  --amarelo-500: #FFC312;
  --amarelo-400: #FFD24D;

  /* Semantic aliases — dark-first surfaces */
  --surface-base: var(--preto);
  --surface-raised: var(--carvao-800);
  --surface-card: var(--carvao-800);
  --surface-inset: #141414;
  --surface-light: var(--off-100);
  --surface-light-raised: var(--white);

  --text-primary: var(--off-100);
  --text-secondary: var(--areia-suave);
  --text-muted: var(--neutral-400);
  --text-on-light: var(--preto);
  --text-on-accent: var(--preto);
  --text-accent: var(--amarelo);

  --border-subtle: rgba(255,255,255,0.08);
  --border-strong: rgba(255,255,255,0.16);
  --border-on-light: rgba(13,13,13,0.10);

  --accent: var(--amarelo);
  --accent-hover: var(--amarelo-400);
  --accent-press: var(--amarelo-600);
  --focus-ring: rgba(255,195,18,0.55);
}