/* DrivCars — Design tokens (CSS variables)
 * Riferimento: design-system/drivcars/MASTER.md §2-4
 */

:root {
    /* NOTE: --brand-* e --shadow-focus sono definiti nei file di tema
     *       /assets/css/themes/{slug}.css caricati subito dopo questo file.
     *       Vedi includes/helpers.php → current_theme() / AVAILABLE_THEMES.
     */

    /* ---- Neutrals ---- */
    --color-ink:          #0F172A;
    --color-ink-soft:     #475569;
    --color-ink-muted:    #94A3B8;
    --color-ink-deep:     #0B0F1A;
    --color-bg:           #FAFAF9;
    --color-surface:      #FFFFFF;
    --color-surface-alt:  #F4F4F2;
    --color-border:       #E5E5E0;
    --color-border-strong:#D4D4D0;

    /* ---- Semantic ---- */
    --color-success:    #047857;
    --color-success-bg: #ECFDF5;
    --color-warning:    #B45309;
    --color-danger:     #B91C1C;
    --color-whatsapp:   #25D366;

    /* ---- Radius ---- */
    --radius-sm:   6px;
    --radius-md:   10px;
    --radius-lg:   16px;
    --radius-xl:   24px;
    --radius-full: 9999px;

    /* ---- Shadows ---- */
    --shadow-sm: 0 1px 2px rgba(15,23,42,.04);
    --shadow-md: 0 4px 12px rgba(15,23,42,.06), 0 2px 4px rgba(15,23,42,.04);
    --shadow-lg: 0 20px 40px -12px rgba(15,23,42,.15), 0 8px 16px -8px rgba(15,23,42,.08);

    /* ---- Typography ---- */
    --font-display: 'Playfair Display', Georgia, 'Times New Roman', serif;
    --font-sans: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;

    /* ---- Transitions ---- */
    --t-base: 180ms ease-out;
    --t-fast: 120ms ease-out;

    /* ---- Form fields (default = Editorial "utility Tailwind-forms") ----
     * Zero border-radius, zero box-shadow. Focus: outline + border color change. */
    --field-radius:        0;
    --field-border-color:  #78716C;              /* stone-500 warm-slate */
    --field-border-width:  1px;
    --field-height:        44px;
    --field-padding-y:     0.5rem;
    --field-padding-x:     0.75rem;
    --field-font-family:   var(--font-sans);
    --field-font-weight:   400;
    --field-font-size:     16px;
    --field-bg:            #FFFFFF;
    --field-color:         var(--color-ink);
    --field-placeholder:   #94908A;              /* warm muted */
    --field-hover-border:  #44403C;              /* stone-700 */
    --field-focus-border:  var(--brand-600);
    /* Focus style: editorial = outline only, bold = box-shadow ring */
    --field-focus-shadow:  none;
    --field-focus-outline: 2px solid var(--brand-600);
    --field-focus-outline-offset: -1px;   /* sovrapposto al border → niente doppio bordo */

    /* ---- Buttons (default = Editorial "utility") ---- */
    --btn-radius:          0;
    --btn-height:          44px;
    --btn-padding-y:       0.625rem;
    --btn-padding-x:       1.125rem;
    --btn-font-family:     var(--font-sans);
    --btn-font-weight:     600;
    --btn-font-size:       0.9375rem;
    --btn-letter-spacing:  0;
    --btn-text-transform:  none;
    --btn-focus-shadow:    none;
    --btn-focus-outline:   2px solid var(--brand-600);
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce) {
    :root {
        --t-base: 0ms;
        --t-fast: 0ms;
    }
    *, *::before, *::after {
        animation-duration: 0.001ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.001ms !important;
        scroll-behavior: auto !important;
    }
}