/* Generated from tokens/tokens.json. Do not edit by hand. */

:root {
  color-scheme: dark;
  --ak-color-brand-primary: #00D4AA;
  --ak-color-brand-primary-hover: #00BE99;
  --ak-color-brand-on-primary: #0B1220;
  --ak-color-brand-secondary: #A3E635;
  --ak-color-brand-danger: #FF6B6B;
  --ak-color-dark-background: #0B1220;
  --ak-color-dark-surface: #151F2E;
  --ak-color-dark-surface-elevated: #1E293B;
  --ak-color-dark-border: #334155;
  --ak-color-dark-text-primary: #F1F5F9;
  --ak-color-dark-text-secondary: #94A3B8;
  --ak-color-dark-text-disabled: #475569;
  --ak-color-light-background: #F8FAFC;
  --ak-color-light-surface: #FFFFFF;
  --ak-color-light-surface-elevated: #FFFFFF;
  --ak-color-light-border: #E2E8F0;
  --ak-color-light-text-primary: #0F172A;
  --ak-color-light-text-secondary: #64748B;
  --ak-color-light-text-disabled: #94A3B8;
  --ak-color-map-background: #0F172A;
  --ak-color-map-zone-fill: rgba(0, 212, 170, 0.1);
  --ak-color-map-zone-border: rgba(0, 212, 170, 0.5);
  --ak-color-map-pin-available: #00D4AA;
  --ak-color-map-pin-occupied: #FF6B6B;
  --ak-color-map-route: #00D4AA;
  --ak-color-map-user: #A3E635;
  --ak-space-4: 4px;
  --ak-space-8: 8px;
  --ak-space-12: 12px;
  --ak-space-16: 16px;
  --ak-space-20: 20px;
  --ak-space-24: 24px;
  --ak-space-32: 32px;
  --ak-space-40: 40px;
  --ak-space-48: 48px;
  --ak-space-64: 64px;
  --ak-radius-4: 4px;
  --ak-radius-8: 8px;
  --ak-radius-12: 12px;
  --ak-radius-button: 8px;
  --ak-font-family-sans: Manrope, system-ui, sans-serif;
  --ak-font-family-mono: ui-monospace, "SF Mono", Menlo, monospace;
  --ak-font-size-12: 12px;
  --ak-font-size-14: 14px;
  --ak-font-size-16: 16px;
  --ak-font-size-18: 18px;
  --ak-font-size-20: 20px;
  --ak-font-size-24: 24px;
  --ak-font-size-32: 32px;
  --ak-font-size-40: 40px;
  --ak-font-weight-regular: 400;
  --ak-font-weight-medium: 500;
  --ak-font-weight-semibold: 600;
  --ak-font-weight-bold: 700;
  --ak-duration-200: 200ms;
  --ak-duration-240: 240ms;
  --ak-easing-standard: cubic-bezier(0.4, 0, 0.2, 1);
  --ak-shadow-1: 0px 1px 2px 0px rgba(15, 23, 42, 0.06);
  --ak-color-background: var(--ak-color-dark-background);
  --ak-color-surface: var(--ak-color-dark-surface);
  --ak-color-surface-elevated: var(--ak-color-dark-surface-elevated);
  --ak-color-border: var(--ak-color-dark-border);
  --ak-color-text-primary: var(--ak-color-dark-text-primary);
  --ak-color-text-secondary: var(--ak-color-dark-text-secondary);
  --ak-color-text-disabled: var(--ak-color-dark-text-disabled);
  --ak-shadow-card: none;
}

[data-theme="light"] {
  color-scheme: light;
  --ak-color-background: var(--ak-color-light-background);
  --ak-color-surface: var(--ak-color-light-surface);
  --ak-color-surface-elevated: var(--ak-color-light-surface-elevated);
  --ak-color-border: var(--ak-color-light-border);
  --ak-color-text-primary: var(--ak-color-light-text-primary);
  --ak-color-text-secondary: var(--ak-color-light-text-secondary);
  --ak-color-text-disabled: var(--ak-color-light-text-disabled);
  --ak-shadow-card: var(--ak-shadow-1);
}