/**
 * Intermediauto Drive — design tokens (greenfield).
 * Canonical prefix: --im-*
 */

:root {
  /* —— Colors —— */
  --im-color-primary: #0250ff;
  --im-color-primary-hover: #0246e0;
  --im-color-primary-soft: #edf3ff;
  --im-color-navy: #01083b;
  --im-color-text: #1a1f36;
  --im-color-text-muted: #5b647a;
  --im-color-background: #f5f7fb;
  --im-color-surface: #ffffff;
  --im-color-surface-subtle: #f8fafc;
  --im-color-border: #e2e6ef;
  --im-color-neutral-soft: #f0f2f7;
  --im-color-success: #16a34a;
  --im-color-success-soft: #f0fdf4;
  --im-color-success-border: #bbf7d0;
  --im-color-success-text: #166534;
  --im-color-warning: #f79009;
  --im-color-warning-soft: #fffbeb;
  --im-color-warning-border: #fde68a;
  --im-color-warning-text: #92400e;
  --im-color-danger: #dc2626;
  --im-color-danger-soft: #fef2f2;
  --im-color-danger-border: #fecaca;
  --im-color-danger-text: #991b1b;
  --im-color-info: #0250ff;
  --im-color-info-soft: #eff6ff;
  --im-color-info-border: #bfdbfe;
  --im-color-info-text: #01083b;

  /* —— Typography (scala Drive / vecchio portale) —— */
  --im-font-family: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
  --im-font-size-xs: 0.74rem;
  --im-font-size-sm: 0.86rem;
  --im-font-size-base: 0.94rem;
  --im-font-size-md: 1.03rem;
  --im-font-size-lg: 1.2rem;
  --im-font-size-xl: 1.55rem;
  --im-line-height-tight: 1.05;
  --im-line-height-snug: 1.25;
  --im-line-height-base: 1.5;
  --im-line-height-relaxed: 1.7;
  --im-font-weight-regular: 400;
  --im-font-weight-medium: 500;
  --im-font-weight-semibold: 600;
  --im-font-weight-bold: 700;
  --im-font-weight-extrabold: 800;
  --im-letter-spacing-tight: -0.04em;
  --im-letter-spacing-kicker: 0.08em;

  /* —— Spacing —— */
  --im-space-1: 0.25rem;
  --im-space-2: 0.5rem;
  --im-space-3: 0.75rem;
  --im-space-4: 1rem;
  --im-space-5: 1.25rem;
  --im-space-6: 1.5rem;

  /* —— Radius / shadow —— */
  --im-radius-control: 0.7rem;
  --im-radius-card: 1rem;
  --im-radius-pill: 999px;
  --im-color-focus: rgba(2, 80, 255, 0.14);
  --im-shadow-overlay: 0 10px 30px rgba(1, 8, 59, 0.08);
  --im-shadow-dropdown: 0 10px 30px rgba(1, 8, 59, 0.08);
  --im-shadow-toast: 0 8px 24px rgba(1, 8, 59, 0.08);
  --im-shadow-focus: 0 0 0 0.22rem var(--im-color-focus);
  --im-touch-min: 44px;

  /* —— Liste combo / picker (tipografia unica) —— */
  --im-list-option-font-size: var(--im-font-size-sm);
  --im-list-option-min-height: 2.15rem;
  --im-list-option-padding-y: 0.3rem;
  --im-list-option-padding-x: 0.65rem;

  /* —— Motion —— */
  --im-duration-base: 180ms;
  --im-ease-standard: cubic-bezier(0.4, 0, 0.2, 1);

  /* —— Chrome geometry —— */
  --im-global-header-height-mobile: 64px;
  --im-global-header-height-desktop: 72px;
  --im-global-header-height: calc(var(--im-global-header-height-mobile) + env(safe-area-inset-top, 0px));
  --im-safe-bottom: env(safe-area-inset-bottom, 0px);

  /* —— Avatar tones (account menu) —— */
  --im-avatar-primary-bg: var(--im-color-primary);
  --im-avatar-primary-fg: #ffffff;
  --im-avatar-primary-border: var(--im-color-primary);
  --im-avatar-indigo-bg: #4338ca;
  --im-avatar-indigo-fg: #ffffff;
  --im-avatar-indigo-border: #3730a3;
  --im-avatar-teal-bg: #0f766e;
  --im-avatar-teal-fg: #ffffff;
  --im-avatar-teal-border: #115e59;
  --im-avatar-green-bg: #15803d;
  --im-avatar-green-fg: #ffffff;
  --im-avatar-green-border: #166534;
  --im-avatar-amber-bg: #b45309;
  --im-avatar-amber-fg: #ffffff;
  --im-avatar-amber-border: #92400e;
  --im-avatar-rose-bg: #be123c;
  --im-avatar-rose-fg: #ffffff;
  --im-avatar-rose-border: #9f1239;
  --im-avatar-slate-bg: #475569;
  --im-avatar-slate-fg: #ffffff;
  --im-avatar-slate-border: #334155;
}

/* Desktop chrome: fallback prima del sync JS (site-header.js). */
@media (min-width: 1200px) {
  :root {
    --im-global-header-height: var(--im-global-header-height-desktop);
  }
}