/**
 * Tema Casas Santiago — tokens semánticos de shadcn-html con los colores de la marca.
 * Misma estructura que dist/theme/default-semantic-tokens.css: los componentes
 * de assets/vendor/shadcn-html se re-tematizan solo con este archivo.
 *
 * Colores del logo: azul marino #2a2a5c, verde #1c4512.
 */

:root {
  color-scheme: light;

  /* -- Superficie / texto ---------------------------------------- */
  --background:              oklch(1 0 0);
  --foreground:              oklch(0.2146 0.0391 280.38);   /* #16172b */

  --card:                    oklch(1 0 0);
  --card-foreground:         oklch(0.2146 0.0391 280.38);

  --popover:                 oklch(1 0 0);
  --popover-foreground:      oklch(0.2146 0.0391 280.38);

  --primary:                 oklch(0.3142 0.0871 280.14);   /* azul marino del logo */
  --primary-foreground:      oklch(0.9850 0.0020 280);

  --secondary:               oklch(0.9613 0.0070 88.64);    /* piedra cálida */
  --secondary-foreground:    oklch(0.2556 0.0732 279.89);

  --muted:                   oklch(0.9613 0.0070 88.64);
  --muted-foreground:        oklch(0.4892 0.0240 279.46);

  --accent:                  oklch(0.9502 0.0122 276.10);
  --accent-foreground:       oklch(0.2556 0.0732 279.89);

  --destructive:             oklch(0.5770 0.2450 27.3250);
  --destructive-foreground:  oklch(1 0 0);

  /* -- Utilidades ----------------------------------------------- */
  --border:                  oklch(0.9068 0.0112 89.73);
  --input:                   oklch(0.8800 0.0130 89.73);
  --ring:                    oklch(0.5200 0.0900 280.14);

  /* -- Sidebar (no se usa, se mantiene por compatibilidad) ------ */
  --sidebar:                 oklch(0.9850 0.0020 280);
  --sidebar-foreground:      oklch(0.2146 0.0391 280.38);
  --sidebar-primary:         oklch(0.3142 0.0871 280.14);
  --sidebar-primary-foreground: oklch(0.9850 0.0020 280);
  --sidebar-accent:          oklch(0.9502 0.0122 276.10);
  --sidebar-accent-foreground: oklch(0.2556 0.0732 279.89);
  --sidebar-border:          oklch(0.9068 0.0112 89.73);
  --sidebar-ring:            oklch(0.5200 0.0900 280.14);

  /* -- Gráficos (no se usan) ------------------------------------ */
  --chart-1:                 oklch(0.3142 0.0871 280.14);
  --chart-2:                 oklch(0.4674 0.1245 139.93);
  --chart-3:                 oklch(0.6339 0.0828 74.77);
  --chart-4:                 oklch(0.4892 0.0240 279.46);
  --chart-5:                 oklch(0.2556 0.0732 279.89);

  /* -- Colores propios de la marca ------------------------------ */
  --brand-navy:              oklch(0.3142 0.0871 280.14);   /* #2a2a5c */
  --brand-navy-deep:         oklch(0.2300 0.0650 279.89);
  --brand-green:             oklch(0.4674 0.1245 139.93);   /* verde del logo, aclarado para UI */
  --brand-green-deep:        oklch(0.3484 0.0917 139.97);   /* #1c4512 */
  --brand-wood:              oklch(0.6339 0.0828 74.77);    /* acento madera */
  --brand-stone:             oklch(0.9613 0.0070 88.64);
  --whatsapp:                oklch(0.7300 0.1900 149);      /* verde WhatsApp */

  /* -- Tipografía ----------------------------------------------- */
  --font-sans:    'Inter', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;
  --font-display: 'Fraunces', ui-serif, Georgia, 'Times New Roman', serif;
  --font-serif:   var(--font-display);
  --font-mono:    ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;

  /* -- Radio ---------------------------------------------------- */
  --radius:                  0.625rem;
  --radius-sm:               calc(var(--radius) - 4px);
  --radius-md:               calc(var(--radius) - 2px);
  --radius-lg:               var(--radius);
  --radius-xl:               calc(var(--radius) + 4px);

  --spacing:                 0.25rem;
  --tracking-normal:         0em;

  /* -- Sombras (tinte azul marino) ------------------------------ */
  --shadow-2xs: 0 1px 2px 0 oklch(0.25 0.07 280 / 0.05);
  --shadow-xs:  0 1px 3px 0 oklch(0.25 0.07 280 / 0.06);
  --shadow-sm:  0 1px 3px 0 oklch(0.25 0.07 280 / 0.08), 0 1px 2px -1px oklch(0.25 0.07 280 / 0.08);
  --shadow:     0 2px 6px -1px oklch(0.25 0.07 280 / 0.08), 0 1px 3px -1px oklch(0.25 0.07 280 / 0.08);
  --shadow-md:  0 6px 16px -4px oklch(0.25 0.07 280 / 0.12), 0 2px 4px -2px oklch(0.25 0.07 280 / 0.08);
  --shadow-lg:  0 14px 32px -8px oklch(0.25 0.07 280 / 0.16), 0 4px 8px -4px oklch(0.25 0.07 280 / 0.08);
  --shadow-xl:  0 24px 56px -12px oklch(0.25 0.07 280 / 0.22);
  --shadow-2xl: 0 32px 80px -16px oklch(0.25 0.07 280 / 0.30);
}