:root {
  /* Canonical Brand System v2.4.1 */
  --lt-brand-graphite: #0D1115;
  --lt-brand-teal: #0FA199;
  --lt-brand-warm-gray: #B9BCBE;
  --lt-brand-ivory: #F3F1EC;
  --lt-brand-bronze: #B08A5B;

  /* Semantic colors */
  --lt-color-bg-primary: var(--lt-brand-ivory);
  --lt-color-bg-inverse: var(--lt-brand-graphite);
  --lt-color-text-primary: var(--lt-brand-graphite);
  --lt-color-text-inverse: var(--lt-brand-ivory);
  --lt-color-text-muted: #596064;
  --lt-color-text-muted-dark: var(--lt-brand-warm-gray);
  --lt-color-accent-primary: var(--lt-brand-teal);
  --lt-color-accent-secondary: var(--lt-brand-bronze);
  --lt-color-action-bg: var(--lt-brand-teal);
  --lt-color-action-text: var(--lt-brand-graphite);
  --lt-color-focus: var(--lt-brand-teal);
  --lt-color-line-light: rgba(13, 17, 21, 0.14);
  --lt-color-line-dark: rgba(243, 241, 236, 0.16);

  /* Typography */
  --lt-font-display: "Montserrat Alternates", "Montserrat", Arial, sans-serif;
  --lt-font-body: "Montserrat", Arial, sans-serif;
  --lt-weight-display: 600;
  --lt-weight-body: 400;
  --lt-weight-medium: 500;
  --lt-weight-semibold: 600;

  /* Spacing */
  --lt-space-1: 4px;
  --lt-space-2: 8px;
  --lt-space-3: 12px;
  --lt-space-4: 16px;
  --lt-space-6: 24px;
  --lt-space-8: 32px;
  --lt-space-12: 48px;
  --lt-space-16: 64px;
  --lt-space-20: 80px;
  --lt-space-24: 96px;
  --lt-space-32: 128px;

  /* Layout */
  --lt-container-max: 1280px;
  --lt-page-gutter: clamp(20px, 4vw, 48px);

  /* UI */
  --lt-radius-sm: 4px;
  --lt-radius-md: 8px;
  --lt-radius-lg: 12px;
  --lt-border-thin: 1px;
  --lt-shadow-subtle: 0 10px 30px rgba(13, 17, 21, 0.08);

  /* Motion */
  --lt-motion-fast: 150ms;
  --lt-motion-standard: 200ms;
  --lt-motion-slow: 250ms;
  --lt-ease-standard: cubic-bezier(.2, .6, .2, 1);
}