/* ==========================================================================
   Theme: Midnight Premium
   Vibe:   Luxury, exclusive, refined
   Target: High-end custom dealer
   ========================================================================== */

[data-theme="midnight-premium"] {
    /* ── Brand Colors ─────────────────────────────────────────────────────── */
    --ot-color-primary:           #1a1a2e;
    --ot-color-primary-light:     #2d2d4a;
    --ot-color-primary-dark:      #0f0f1a;
    --ot-color-primary-contrast:  #ffffff;

    --ot-color-accent:            #d4af37;
    --ot-color-accent-light:      #e0c55c;
    --ot-color-accent-dark:       #b8962a;
    --ot-color-accent-contrast:   #1a1a1a;

    --ot-color-secondary:         #16213e;
    --ot-color-secondary-light:   #1f3056;
    --ot-color-secondary-dark:    #0d1526;
    --ot-color-secondary-contrast:#ffffff;

    /* ── Surfaces ─────────────────────────────────────────────────────────── */
    --ot-color-bg:                #0f0f1a;
    --ot-color-bg-alt:            #1a1a2e;
    --ot-color-bg-elevated:       #222240;
    --ot-color-surface:           #1a1a2e;
    --ot-color-surface-hover:     #2d2d4a;
    --ot-color-surface-active:    #3d3d5c;

    /* ── Text ─────────────────────────────────────────────────────────────── */
    --ot-color-text:              #e8e8e8;
    --ot-color-text-secondary:    #a0a0b0;
    --ot-color-text-muted:        #6b6b80;
    --ot-color-text-inverse:      #1a1a1a;
    --ot-color-text-link:         #d4af37;
    --ot-color-text-link-hover:   #e0c55c;

    /* ── Border ───────────────────────────────────────────────────────────── */
    --ot-color-border:            #2d2d4a;
    --ot-color-border-strong:     #3d3d5c;
    --ot-color-border-focus:      #d4af37;

    /* ── Typography ───────────────────────────────────────────────────────── */
    --ot-font-heading:            'Playfair Display', serif;
    --ot-heading-transform:       none;
    --ot-tracking-wide:           0.02em;

    /* ── Shape ────────────────────────────────────────────────────────────── */
    --ot-radius-button:           0;
    --ot-radius-card:             0;
    --ot-radius-input:            0;

    /* ── Shadows (deeper for dark surfaces) ───────────────────────────────── */
    --ot-shadow-md:               0 4px 6px -1px rgba(0, 0, 0, 0.3), 0 2px 4px -2px rgba(0, 0, 0, 0.2);
    --ot-shadow-lg:               0 10px 15px -3px rgba(0, 0, 0, 0.4), 0 4px 6px -4px rgba(0, 0, 0, 0.3);
}