/*
 * MAUTO DESIGN SYSTEM 1.1.0 — LOCKED / CONSUME_ONLY
 * Source of truth: design-system/mauto-tokens.json
 * Update authority phrase: MAUTO DESIGN SYSTEM UPDATE APPROVED
 */
:root {
  --mauto-ds-version: "1.1.0";
  --mauto-ds-mode: "CONSUME_ONLY";

  --mauto-ds-vp-desktop: 1440px;
  --mauto-ds-vp-tablet: 768px;
  --mauto-ds-vp-mobile: 390px;
  --mauto-ds-bp-mobile-max: 760px;
  --mauto-ds-bp-tablet-min: 761px;
  --mauto-ds-bp-tablet-max: 1100px;
  --mauto-ds-bp-desktop-min: 1101px;

  --mauto-ds-space-0: 0;
  --mauto-ds-space-1: 2px;
  --mauto-ds-space-2: 4px;
  --mauto-ds-space-3: 6px;
  --mauto-ds-space-4: 8px;
  --mauto-ds-space-5: 10px;
  --mauto-ds-space-6: 12px;
  --mauto-ds-space-7: 14px;
  --mauto-ds-space-8: 16px;
  --mauto-ds-space-9: 18px;
  --mauto-ds-space-10: 20px;
  --mauto-ds-space-11: 22px;
  --mauto-ds-space-12: 24px;
  --mauto-ds-space-13: 28px;
  --mauto-ds-space-14: 32px;
  --mauto-ds-space-15: 40px;
  --mauto-ds-space-16: 48px;
  --mauto-ds-space-17: 54px;
  --mauto-ds-space-18: 64px;
  --mauto-ds-space-19: 72px;

  --mauto-ds-font-sans: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --mauto-ds-font-road: Manrope, Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --mauto-ds-font-system-legacy: -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  --mauto-ds-font-button-md: 600 16px/21.6px var(--mauto-ds-font-sans);

  --mauto-ds-color-page: #ffffff;
  --mauto-ds-color-page-ice: #ffffff;
  --mauto-ds-color-surface: #fff;
  --mauto-ds-color-surface-soft: #f4f8fd;
  --mauto-ds-color-glass: rgba(255, 255, 255, .92);
  --mauto-ds-color-primary: #1268df;
  --mauto-ds-color-primary-bright: #2379ed;
  --mauto-ds-color-primary-hover: #095bc9;
  --mauto-ds-color-primary-pressed: #084eac;
  --mauto-ds-color-primary-active: #095bc9;
  --mauto-ds-action-blue: linear-gradient(135deg, #1c70df 0%, #1268df 100%);
  --mauto-ds-action-depth: inset 0 1px 2px rgba(255,255,255,.66), inset 0 -1px 2px rgba(27,68,130,.18);
  --mauto-ds-color-primary-soft: #eaf3ff;
  --mauto-ds-color-text: #142338;
  --mauto-ds-color-text-secondary: #59687b;
  --mauto-ds-color-border: #dce4ed;
  --mauto-ds-color-divider: #e7eef7;
  --mauto-ds-color-success: #159d56;
  --mauto-ds-color-warning: #cc8b22;
  --mauto-ds-color-error: #e6353f;
  --mauto-ds-color-disabled: rgba(97, 117, 141, .48);
  --mauto-ds-color-focus: rgba(23, 105, 232, .28);
  --mauto-ds-color-overlay: rgba(4, 18, 38, .52);

  --mauto-ds-radius-control: 13px;
  --mauto-ds-radius-button: 13px;
  --mauto-ds-radius-card-sm: 14px;
  --mauto-ds-radius-card-md: 19px;
  --mauto-ds-radius-card-lg: 24px;
  --mauto-ds-radius-hero: 32px;
  --mauto-ds-radius-modal: 27px;
  --mauto-ds-radius-pill: 999px;

  --mauto-ds-shadow-card: 0 10px 26px rgba(34, 75, 126, .08);
  --mauto-ds-shadow-floating: 0 16px 34px rgba(27, 55, 87, .14);
  --mauto-ds-shadow-sticky: 0 16px 44px rgba(18, 52, 92, .20);
  --mauto-ds-shadow-button: 0 10px 24px rgba(19, 104, 232, .20);
  --mauto-ds-shadow-selected-inset: inset 0 2px 5px rgba(20, 76, 137, .13);
  --mauto-ds-shadow-press-inset: inset 0 3px 7px rgba(17, 64, 116, .22);
  --mauto-ds-glass-blur: 18px;

  --mauto-ds-icon-xs: 14px;
  --mauto-ds-icon-sm: 16px;
  --mauto-ds-icon-md: 18px;
  --mauto-ds-icon-lg: 20px;
  --mauto-ds-icon-xl: 24px;
  --mauto-ds-icon-category: 30px;
  --mauto-ds-icon-stroke: 1.8;
  --mauto-ds-icon-gap: 8px;

  --mauto-ds-button-primary-lg-height: 50px;
  --mauto-ds-button-primary-md-height: 48px;
  --mauto-ds-button-primary-md-padding-x: 23px;
  --mauto-ds-button-primary-md-icon-width: 18px;
  --mauto-ds-button-primary-md-icon-height: 24px;
  --mauto-ds-button-primary-md-icon-gap: 8px;
  --mauto-ds-button-primary-md-radius: 13px;
  --mauto-ds-button-primary-sm-height: 44px;
  --mauto-ds-icon-button-size: 44px;
  --mauto-ds-field-md-height: 48px;
  --mauto-ds-touch-target: 44px;

  --mauto-ds-compact-height: 36px;
  --mauto-ds-compact-padding-x: 13px;
  --mauto-ds-compact-gap: 6px;
  --mauto-ds-compact-radius: 10px;

  --mauto-ds-motion-press: 90ms;
  --mauto-ds-motion-fast: 130ms;
  --mauto-ds-motion-normal: 180ms;
  --mauto-ds-motion-slow: 220ms;
  --mauto-ds-ease: ease;

  --mauto-ds-z-page: 0;
  --mauto-ds-z-header: 50;
  --mauto-ds-z-sticky: 60;
  --mauto-ds-z-dropdown: 120;
  --mauto-ds-z-toast: 160;
  --mauto-ds-z-modal: 200;
  --mauto-ds-z-debug: 1000;
}

@media (min-width: 761px) and (max-width: 1100px) {
  :root {
    --mauto-ds-compact-height: 40px;
    --mauto-ds-compact-padding-x: 14px;
  }
}

@media (max-width: 760px) {
  :root {
    --mauto-ds-compact-height: 44px;
    --mauto-ds-compact-padding-x: 14px;
    --mauto-ds-compact-gap: 5px;
    --mauto-ds-compact-radius: 11px;
  }
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --mauto-ds-motion-press: 0ms;
    --mauto-ds-motion-fast: 0ms;
    --mauto-ds-motion-normal: 0ms;
    --mauto-ds-motion-slow: 0ms;
  }
}

/* Owner 2026-09-22: secondary actions use blue-graphite; primary stays blue. */
:root{--mauto-ds-color-blue-graphite:#253448;--mauto-ds-color-blue-graphite-hover:#34475e;--mauto-ds-color-blue-graphite-pressed:#172435;}