/* =============================================
   AUTOPRIME — Theme "Steel Prime"
   (evolución desde Orchid, 2026-04-17)

   Paleta del cliente como osamenta:
     #071108  near-black con tinte verde
     #364652  dark slate blue (origen del acento)
     #BFB1C1  dusty lilac (acento secundario editorial)
     #B5BEC6  light blue-gray
     #C7DBE6  pale sky blue

   Voz:
     #3B7BA8  Steel Blue vibrante (acento principal,
              derivado de #364652 del cliente:
              H:206° S:47% L:45%, 2x saturación pumpeada)
     #BFB1C1  Lilac pastel (acento 2, del cliente)
     #25D366  WhatsApp green oficial (success SOLAMENTE)

   Dirección: motores, metales, estilo de vida en el volante.
   Gradient aurora es multi-stop (3 paradas) para
   simular sheen metálico real — highlight → mid → shadow.

   Verde = WhatsApp exclusivamente.
   Todo lo demás que era teal/orchid ahora es steel blue.

   Para revertir al tema original del artista:
   cambiar el link en _Layout.cshtml a theme-artist.css.
   ============================================= */

:root {
    /* Fuentes */
    --font-display: 'Poppins', system-ui, -apple-system, Segoe UI, sans-serif;
    --font-body: 'Inter', system-ui, -apple-system, Segoe UI, sans-serif;

    /* Superficie de marca — invariante entre light/dark.
       Aquí vive el logo plateado (navbar + footer). */
    --ap-brand-dark: #071108;

    /* Fondos y superficies */
    --ap-bg: #FAFBFC;
    --ap-bg-elevated: #FFFFFF;
    --ap-bg-soft: #F1F5F9;
    --ap-bg-accent: #EBF4FB;

    /* Texto */
    --ap-text: #071108;
    --ap-text-secondary: #364652;
    --ap-text-muted: #6B7A85;
    --ap-text-subtle: #94A3B3;
    --ap-text-on-dark: #C7DBE6;

    /* Bordes */
    --ap-border: rgba(54, 70, 82, 0.10);
    --ap-border-strong: rgba(54, 70, 82, 0.18);
    --ap-border-accent: rgba(59, 123, 168, 0.40);

    /* Brand primary */
    --ap-primary: #071108;
    --ap-primary-alt: #364652;

    /* Acento principal — Steel Prime
       Derivado de #364652 del cliente: H:206° S:47% L:45% */
    --ap-accent: #3B7BA8;
    --ap-accent-hover: #5A9CC9;
    --ap-accent-active: #2A5D82;
    --ap-accent-text: #1E4A6B;
    --ap-accent-soft: rgba(59, 123, 168, 0.08);
    --ap-accent-glow: rgba(59, 123, 168, 0.35);

    /* Acento secundario — Lilac del cliente (intacto) */
    --ap-accent-2: #BFB1C1;
    --ap-accent-2-hover: #CCB8D4;
    --ap-accent-2-soft: rgba(191, 177, 193, 0.15);
    --ap-accent-2-glow: rgba(191, 177, 193, 0.40);

    /* Estados — verde SOLO para WhatsApp/success */
    --ap-success: #25D366;
    --ap-warning: #FBBF24;
    --ap-error: #F87171;
    --ap-info: #60A5FA;

    /* Sombras */
    --ap-shadow-sm: 0 1px 2px rgba(7, 17, 8, 0.04);
    --ap-shadow: 0 4px 20px rgba(7, 17, 8, 0.08);
    --ap-shadow-lg: 0 12px 40px rgba(7, 17, 8, 0.12);
    --ap-shadow-glow: 0 8px 32px rgba(59, 123, 168, 0.25);
    --ap-shadow-lilac: 0 8px 32px rgba(191, 177, 193, 0.30);

    /* Glassmorphism */
    --ap-glass: rgba(255, 255, 255, 0.70);
    --ap-glass-border: rgba(199, 219, 230, 0.60);

    /* Gradientes signature
       Aurora es 3-stop (highlight → mid → shadow)
       para simular sheen metálico real */
    --ap-gradient-aurora: linear-gradient(135deg, #6BA3C8 0%, #3B7BA8 50%, #2A5D82 100%);
    --ap-gradient-aurora-lilac: linear-gradient(135deg, #3B7BA8 0%, #BFB1C1 100%);
    --ap-gradient-nocturne: linear-gradient(135deg, #071108 0%, #364652 100%);
    --ap-gradient-alba: linear-gradient(180deg, #C7DBE6 0%, #FFFFFF 100%);
    --ap-gradient-mist: linear-gradient(135deg, #BFB1C1 0%, #C7DBE6 100%);
}

[data-bs-theme="dark"] {
    /* Superficie de marca (igual que en light, invariante) */
    --ap-brand-dark: #071108;

    /* Fondos y superficies */
    --ap-bg: #071108;
    --ap-bg-elevated: #0F1A14;
    --ap-bg-soft: #141F26;
    --ap-bg-accent: #1A2C3D;

    /* Texto */
    --ap-text: #C7DBE6;
    --ap-text-secondary: #B5BEC6;
    --ap-text-muted: #8A97A3;
    --ap-text-subtle: #5A6A7A;
    --ap-text-on-dark: #C7DBE6;

    /* Bordes */
    --ap-border: rgba(199, 219, 230, 0.08);
    --ap-border-strong: rgba(199, 219, 230, 0.15);
    --ap-border-accent: rgba(111, 165, 214, 0.50);

    /* Brand primary (invertido) */
    --ap-primary: #C7DBE6;
    --ap-primary-alt: #B5BEC6;

    /* Acento principal — Steel (más claro en dark para legibilidad) */
    --ap-accent: #6FA5D6;
    --ap-accent-hover: #8FBEE3;
    --ap-accent-active: #3B7BA8;
    --ap-accent-text: #9AC0DC;
    --ap-accent-soft: rgba(111, 165, 214, 0.12);
    --ap-accent-glow: rgba(111, 165, 214, 0.40);

    /* Acento secundario */
    --ap-accent-2: #BFB1C1;
    --ap-accent-2-hover: #D4C4DB;
    --ap-accent-2-soft: rgba(191, 177, 193, 0.18);
    --ap-accent-2-glow: rgba(191, 177, 193, 0.50);

    /* Estados */
    --ap-success: #25D366;
    --ap-warning: #FBBF24;
    --ap-error: #F87171;
    --ap-info: #60A5FA;

    /* Sombras más profundas */
    --ap-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.40);
    --ap-shadow: 0 4px 20px rgba(0, 0, 0, 0.50);
    --ap-shadow-lg: 0 12px 40px rgba(0, 0, 0, 0.60);
    --ap-shadow-glow: 0 8px 40px rgba(111, 165, 214, 0.30);
    --ap-shadow-lilac: 0 8px 40px rgba(191, 177, 193, 0.25);

    /* Glassmorphism */
    --ap-glass: rgba(20, 31, 38, 0.70);
    --ap-glass-border: rgba(199, 219, 230, 0.10);

    /* Gradientes (variantes dark, 3-stop en aurora) */
    --ap-gradient-aurora: linear-gradient(135deg, #8FBEE3 0%, #6FA5D6 50%, #3B7BA8 100%);
    --ap-gradient-aurora-lilac: linear-gradient(135deg, #6FA5D6 0%, #BFB1C1 100%);
    --ap-gradient-nocturne: linear-gradient(135deg, #071108 0%, #1A2530 100%);
    --ap-gradient-alba: linear-gradient(180deg, #141F26 0%, #071108 100%);
    --ap-gradient-mist: linear-gradient(135deg, #BFB1C1 0%, #8A97A3 100%);
}