:root {
  /* Primitive colors */
  --blue-50: #e9f2fa;
  --blue-200: #7ab2e5;
  --blue-400: #4d9ddd;
  --blue-500: #267cc9;
  --blue-600: #005bac;
  --blue-700: #00417A;
  --blue-800: #003f8d;
  --blue-900: #03336e;
  --orange-50: #fdefe6;
  --orange-600: #eb6100;
  --indigo-50: #e9f3ff;
  --indigo-600: #076ed7;
  --olive-50: #f5f4f0;
  --olive-100: #e3decd;
  --olive-300: #d7cfb7;
  --olive-400: #cfc6a9;
  --olive-500: #c3b893;
  --olive-600: #9a8f6b;
  --olive-800: #554f3b;
  --neutral-0: #ffffff;
  --neutral-50: #fafafa;
  --neutral-100: #f0f0f0;
  --neutral-150: #eef0f2;
  --neutral-200: #e9e9e9;
  --neutral-300: #bcbcbc;
  --neutral-400: #929292;
  --neutral-500: #737373;
  --neutral-800: #323232;
  --black: #000000;

  /* Semantic colors */
  --color-brand-primary: var(--blue-600);
  --color-brand-primary-hover: var(--blue-700);
  --color-text-primary: var(--neutral-800);
  --color-text-secondary: var(--neutral-500);
  --color-text-active: var(--blue-500);
  --color-navigation-link-hover: var(--blue-700);
  --color-text-inverse: var(--neutral-0);
  --color-text-accent: var(--olive-800);
  --color-surface-page: var(--neutral-0);
  --color-surface-primary: var(--neutral-0);
  --color-surface-secondary: var(--neutral-50);
  --color-surface-muted: var(--neutral-100);
  --color-surface-subtle: var(--neutral-150);
  --color-border-default: var(--neutral-200);
  --color-border-strong: var(--black);
  --color-border-focus: var(--blue-600);
  --color-decoration-accent: var(--olive-500);
  --color-carousel-indicator: var(--neutral-300);
  --color-overlay-navigation: rgb(50 50 50 / 80%);
  --color-status-sale-text: var(--orange-600);
  --color-status-sale-surface: var(--orange-50);
  --color-status-rent-text: var(--indigo-600);
  --color-status-rent-surface: var(--indigo-50);
  --color-footer-accent: #00417a;
  --color-footer-list:var(--blue-600);
  --color-home-background: var(--blue-800);
  --color-home-card-surface: var(--blue-900);
  --color-home-card-divider: rgb(255 255 255 / 14%);
  --color-table-header-label: #9a8f6b;
  --color-table-header-secondary: #8390a2;
  --color-table-label-surface: #f5f4f0;
  --color-scrollbar-track: #f0f1f3;
  --color-scrollbar-thumb: #cfd4db;

  /* Spacing */
  --space-0: 0;
  --space-4: 4px;
  --space-6: 6px;
  --space-8: 8px;
  --space-12: 12px;
  --space-16: 16px;
  --space-20: 20px;
  --space-24: 24px;
  --space-32: 32px;
  --space-40: 40px;
  --space-48: 48px;
  --space-56: 56px;
  --space-64: 64px;

  /* Radius */
  --radius-sm: 8px;
  --radius-md: 16px;
  --radius-lg: 24px;
  --radius-pill: 999px;

  /* Typography */
  --font-family-sans: "AMC Sans", sans-serif;
  --font-size-13: 0.8125rem;
  --font-size-14: 0.875rem;
  --font-size-15: 0.9375rem;
  --font-size-16: 1rem;
  --font-size-18: 1.125rem;
  --font-size-20: 1.25rem;
  --font-size-24: 1.5rem;
  --font-size-32: 2rem;
  --font-size-36: 2.25rem;
  --font-size-48: 3rem;
  --line-height-heading: 1.35;
  --line-height-28: 1.75rem;
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --line-height-21: 1.3125rem;
  --line-height-22: 1.375rem;
  --line-height-24: 1.5rem;
  --line-height-27: 1.6875rem;
  --line-height-32: 2rem;
  --line-height-54: 3.375rem;

  /* Shadow */
  --shadow-navigation: 0 12px 32px rgb(0 0 0 / 8%);

  /* Container */
  --container-content: 1200px;
  --home-mobile-actions-height: 62px;

  /* Layering */
  --z-header: 300;

  /* Motion */
  --duration-fast: 120ms;
  --duration-normal: 200ms;
  --ease-standard: cubic-bezier(.2, 0, 0, 1);

  /* Focus */
  --focus-color: var(--color-border-focus);
  --focus-width: 2px;
  --focus-offset: 3px;
}