/**
 * Asahl marketing design tokens — docs/DESIGN.md (Linear philosophy)
 * Imports canonical globals · scope: body.landing-linear
 */
@import url("global.css");

body.landing-linear {
  /* §1 Canvas & surfaces — mapped from global.css */
  --asahl-canvas: var(--ashh-canvas);
  --asahl-surface-1: var(--ashh-surface-1);
  --asahl-surface-2: var(--ashh-surface-2);
  --asahl-surface-3: var(--ashh-surface-3);
  --asahl-surface-4: var(--ashh-surface-4);

  /* §1 Hairlines */
  --asahl-hairline: var(--ashh-border);
  --asahl-hairline-strong: var(--ashh-border-strong);
  --asahl-hairline-tertiary: var(--ashh-border-subtle);

  /* §1 Ink */
  --asahl-ink: var(--ashh-text);
  --asahl-ink-muted: var(--ashh-text-muted);
  --asahl-ink-subtle: var(--ashh-text-subtle);
  --asahl-ink-tertiary: var(--ashh-text-tertiary);

  /* §1 Accent — badge / subtle active only (not primary CTA) */
  --asahl-primary: var(--ashh-badge-text);
  --asahl-primary-focus: var(--ashh-accent-subtle);
  --asahl-success: var(--ashh-success);

  /* §1 Light mode (reserved) */
  --asahl-light-bg: var(--ashh-light-bg);
  --asahl-light-ink: var(--ashh-light-text);

  /* §2 Buttons */
  --asahl-btn-height: var(--ashh-btn-height);
  --asahl-btn-padding-x: var(--ashh-btn-padding-x);
  --asahl-btn-radius: var(--ashh-btn-radius);
  --asahl-btn-primary-bg: var(--ashh-btn-primary-bg);
  --asahl-btn-primary-text: var(--ashh-btn-primary-text);
  --asahl-btn-primary-hover: var(--ashh-btn-primary-hover);
  --asahl-btn-secondary-border: var(--ashh-btn-secondary-border);
  --asahl-btn-secondary-hover: var(--ashh-btn-secondary-hover);
  --asahl-btn-text: var(--ashh-btn-text);
  --asahl-btn-text-hover: var(--ashh-btn-text-hover);

  /* §3 Typography — Inter 500 headings · 400 body */
  --font-display: var(--ashh-font-family);
  --font-text: var(--ashh-font-family);
  --font-weight-heading: var(--ashh-font-weight-heading);
  --font-weight-body: var(--ashh-font-weight-body);

  /* §3 Type scale */
  --type-display-xl: var(--ashh-type-display-xl);
  --type-display-lg: var(--ashh-type-display-lg);
  --type-display-md: var(--ashh-type-display-md);
  --type-headline: var(--ashh-type-headline);
  --type-card-title: var(--ashh-type-card-title);
  --type-subhead: var(--ashh-type-subhead);
  --type-body-lg: var(--ashh-type-body-lg);
  --type-body: var(--ashh-type-body);
  --type-body-sm: var(--ashh-type-body-sm);
  --type-caption: var(--ashh-type-caption);
  --type-button: var(--ashh-type-button);

  /* §3 Letter-spacing */
  --ls-display-xl: var(--ashh-ls-display-xl);
  --ls-display-lg: var(--ashh-ls-display-lg);
  --ls-display-md: var(--ashh-ls-display-md);
  --ls-headline: var(--ashh-ls-headline);
  --ls-card-title: var(--ashh-ls-card-title);
  --ls-subhead: var(--ashh-ls-subhead);

  /* §4 Spacing */
  --space-1: var(--ashh-space-1);
  --space-2: var(--ashh-space-2);
  --space-3: var(--ashh-space-3);
  --space-4: var(--ashh-space-4);
  --space-5: var(--ashh-space-5);
  --space-6: var(--ashh-space-6);
  --space-7: var(--ashh-space-7);
  --space-8: var(--ashh-space-8);
  --space-9: var(--ashh-space-9);
  --space-10: var(--ashh-space-10);
  --space-11: var(--ashh-space-11);
  --space-12: var(--ashh-space-12);

  /* §5 Cards — rounded-2xl */
  --radius-sm: var(--ashh-radius-sm);
  --radius-md: var(--ashh-radius-md);
  --radius-lg: var(--ashh-radius-lg);
  --radius-xl: var(--ashh-radius-xl);
  --radius-2xl: var(--ashh-radius-2xl);
  --radius-pill: var(--ashh-radius-pill);
  --card-bg: var(--bg-secondary);
  --card-border: var(--asahl-hairline);
  --card-padding: var(--space-6);
  --card-hover: var(--asahl-surface-2);

  /* §6–7 Layout */
  --asahl-max-width: var(--ashh-max-width);
  --asahl-nav-h: var(--ashh-nav-height);
  --asahl-section-pad: var(--ashh-space-section);
  --nav-link-gap: var(--space-6);

  /* §9 Hero */
  --hero-title-size: var(--type-display-lg);
  --hero-desc-size: var(--type-body-lg);
  --hero-cta-gap: var(--space-4);
  --hero-copy-to-cta: var(--space-7);
  --hero-to-next: var(--ashh-space-section);
  --hero-side-pad: var(--space-11);

  /* Aliases for landing-linear.css */
  --linear-bg: var(--asahl-canvas);
  --linear-bg-elevated: var(--asahl-surface-1);
  --linear-text: var(--asahl-ink);
  --linear-headline: var(--asahl-ink);
  --linear-muted: var(--asahl-ink-muted);
  --linear-accent: var(--ashh-accent-subtle);
  --linear-link: var(--asahl-ink-muted);
  --linear-mock-surface: var(--asahl-surface-1);
  --linear-success: var(--asahl-success);
  --linear-border: var(--asahl-hairline);
  --linear-border-subtle: var(--asahl-hairline);
  --linear-footer: var(--asahl-ink-subtle);
  --linear-narrow: 640px;
  --linear-wide: var(--asahl-max-width);
  --linear-max: var(--asahl-max-width);
  --linear-section-pad: var(--ashh-space-section);
  --linear-nav-h: var(--asahl-nav-h);
  --linear-hero-gap: var(--space-11);
  --linear-text-lg: var(--hero-title-size);
  --linear-text-sm: var(--type-body);
  --linear-text-xs: var(--type-body-sm);
  --linear-badge-bg: var(--ashh-badge-bg);
  --linear-badge-text: var(--ashh-badge-text);
}