/* ==========================================================================
   theme.css · Tokens de design da Zanbo Studio
   --------------------------------------------------------------------------
   Segue o padrão de variáveis dos temas shadcn/ui (os mesmos de 21st.dev
   e tweakcn): background, foreground, card, primary, muted, accent, border,
   ring e radius. Para criar o tema de um cliente, copie este arquivo e troque
   só os valores. Nenhum outro arquivo usa cor "solta".
   ========================================================================== */

:root {
  /* Superfícies */
  --background: #ffffff;
  --foreground: #0b1f3a;
  --card: #ffffff;
  --card-foreground: #0b1f3a;
  --muted: #f4f6fa;
  --muted-foreground: #5b6a80;

  /* Marca: azul-marinho e dourado */
  --primary: #0b1f3a;
  --primary-foreground: #ffffff;
  --accent: #d4a84b;
  --accent-foreground: #0b1f3a;
  --accent-text: #8f6a1d;           /* dourado escuro, legível sobre branco */

  /* Linhas e foco */
  --border: #e3e7ef;
  --ring: #d4a84b;

  /* Tipografia */
  --font-sans: "Geist", ui-sans-serif, system-ui, sans-serif;
  --font-mono: "Geist Mono", ui-monospace, monospace;

  /* Forma e profundidade */
  --radius: 0.75rem;
  --shadow-sm: 0 1px 2px rgb(11 31 58 / 0.06);
  --shadow-md: 0 8px 24px -6px rgb(11 31 58 / 0.12);
  --shadow-lg: 0 30px 60px -20px rgb(11 31 58 / 0.28);

  /* Layout */
  --container: 1120px;
  --gutter: 20px;
  --section-y: clamp(72px, 10vw, 120px);
}

/* Tema escuro: ativado pelo botão (data-theme) ou pelo sistema */
:root[data-theme="dark"] {
  --background: #06142a;
  --foreground: #eef2f8;
  --card: #0b1d38;
  --card-foreground: #eef2f8;
  --muted: #0e2343;
  --muted-foreground: #9aabc4;
  --primary: #d4a84b;
  --primary-foreground: #06142a;
  --accent: #d4a84b;
  --accent-foreground: #06142a;
  --accent-text: #e2bd6c;
  --border: #1b3358;
  --shadow-md: 0 8px 24px -6px rgb(0 0 0 / 0.4);
  --shadow-lg: 0 30px 60px -20px rgb(0 0 0 / 0.6);
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --background: #06142a;
    --foreground: #eef2f8;
    --card: #0b1d38;
    --card-foreground: #eef2f8;
    --muted: #0e2343;
    --muted-foreground: #9aabc4;
    --primary: #d4a84b;
    --primary-foreground: #06142a;
    --accent: #d4a84b;
    --accent-foreground: #06142a;
    --accent-text: #e2bd6c;
    --border: #1b3358;
    --shadow-md: 0 8px 24px -6px rgb(0 0 0 / 0.4);
    --shadow-lg: 0 30px 60px -20px rgb(0 0 0 / 0.6);
  }
}