/* IXMOTO Design System Tokens — Midnight Asphalt */
:root {
  /* Color Palette */
  --asphalt: #07080B;
  --carbon: #101218;
  --graphite: #1B1E27;
  --border: #2A2E3A;
  --bone: #EDEBE6;
  --mute: #8A8F9C;
  --ignition: #FF5A1F;
  --ion: #3D7BFF;
  --violet: #8B5CFF;
  --pink: #FF4FD8;
  --success: #82D69B;
  --warning: #FFBF69;
  --danger: #FF746B;

  /* Surfaces & Overlays */
  --surface-1: #101218;
  --surface-2: #161922;
  --surface-3: #1E222D;
  --surface-glass: rgba(16, 18, 24, 0.82);
  --border-subtle: rgba(255, 255, 255, 0.08);
  --border-hover: rgba(255, 255, 255, 0.22);
  --overlay-dark: rgba(7, 8, 11, 0.75);

  /* Gradients */
  --iridescent: linear-gradient(120deg, #3D7BFF, #8B5CFF, #FF4FD8);
  --gradient-asphalt: linear-gradient(180deg, rgba(7, 8, 11, 0.2) 0%, rgba(7, 8, 11, 0.95) 100%);
  --gradient-ignition: linear-gradient(135deg, #FF5A1F 0%, #FF8A3D 100%);

  /* Typography */
  --font-display: "Unbounded", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --font-body: "Manrope", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --font-mono: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;

  /* Motion & Timing */
  --ease-standard: cubic-bezier(0.2, 0.8, 0.2, 1);
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --duration-micro: 180ms;
  --duration-ui: 360ms;
  --duration-reveal: 850ms;

  /* Geometry & Layout */
  --radius-card: 12px;
  --radius-pill: 999px;
  --radius-sharp: 0px;
  --radius-sm: 4px;
  --content-max: 1440px;
  --header-height: 74px;
  --announcement-height: 38px;

  /* Z-Index Hierarchy */
  --z-base: 1;
  --z-nav: 90;
  --z-header: 100;
  --z-sticky-bar: 110;
  --z-drawer: 200;
  --z-lightbox: 300;
  --z-toast: 400;
  --z-preloader: 500;

  /* Focus Indicator for WCAG 2.2 AA */
  --focus-ring: 2px solid var(--ignition);
  --focus-offset: 3px;
}