/* Neyrotex Apple-derived design tokens. Source: DESIGN-apple.md. */

/* Layer 1: primitive reference tokens */
:root {
  --ntx-ref-color-action-blue: #0066cc;
  --ntx-ref-color-focus-blue: #0071e3;
  --ntx-ref-color-link-on-dark: #2997ff;
  --ntx-ref-color-ink: #1d1d1f;
  --ntx-ref-color-on-dark: #ffffff;
  --ntx-ref-color-muted-on-dark: #cccccc;
  --ntx-ref-color-ink-muted-80: #333333;
  --ntx-ref-color-ink-muted-48: #7a7a7a;
  --ntx-ref-color-divider-soft: #f0f0f0;
  --ntx-ref-color-hairline: #e0e0e0;
  --ntx-ref-color-canvas: #ffffff;
  --ntx-ref-color-canvas-parchment: #f5f5f7;
  --ntx-ref-color-surface-pearl: #fafafc;
  --ntx-ref-color-tile-1: #272729;
  --ntx-ref-color-tile-2: #2a2a2c;
  --ntx-ref-color-tile-3: #252527;
  --ntx-ref-color-black: #000000;
  --ntx-ref-color-chip: rgba(210,210,215,.64);

  --ntx-ref-font-display: "SF Pro Display",system-ui,-apple-system,sans-serif;
  --ntx-ref-font-text: "SF Pro Text",system-ui,-apple-system,sans-serif;
  --ntx-ref-font-mono: "SFMono-Regular",Consolas,"Liberation Mono",monospace;

  --ntx-ref-type-hero-size: 56px;
  --ntx-ref-type-display-lg-size: 40px;
  --ntx-ref-type-display-md-size: 34px;
  --ntx-ref-type-lead-size: 28px;
  --ntx-ref-type-lead-airy-size: 24px;
  --ntx-ref-type-tagline-size: 21px;
  --ntx-ref-type-body-size: 17px;
  --ntx-ref-type-caption-size: 14px;
  --ntx-ref-type-fine-print-size: 12px;
  --ntx-ref-type-micro-legal-size: 10px;
  --ntx-ref-type-nav-size: 12px;
  --ntx-ref-type-display-weight: 600;
  --ntx-ref-type-body-weight: 400;
  --ntx-ref-type-strong-weight: 600;
  --ntx-ref-type-body-leading: 1.47;
  --ntx-ref-type-hero-leading: 1.07;
  --ntx-ref-type-display-leading: 1.1;
  --ntx-ref-type-lead-leading: 1.14;
  --ntx-ref-type-tagline-leading: 1.19;
  --ntx-ref-type-body-tracking: -.374px;
  --ntx-ref-type-hero-tracking: -.28px;
  --ntx-ref-type-display-md-tracking: -.374px;
  --ntx-ref-type-lead-tracking: .196px;

  --ntx-ref-radius-none: 0px;
  --ntx-ref-radius-xs: 5px;
  --ntx-ref-radius-sm: 8px;
  --ntx-ref-radius-md: 11px;
  --ntx-ref-radius-utility-card: 18px;
  --ntx-ref-radius-pill: 9999px;

  --ntx-ref-space-xxs: 4px;
  --ntx-ref-space-xs: 8px;
  --ntx-ref-space-sm: 12px;
  --ntx-ref-space-md: 17px;
  --ntx-ref-space-lg: 24px;
  --ntx-ref-space-xl: 32px;
  --ntx-ref-space-xxl: 48px;
  --ntx-ref-space-section: 80px;

  --ntx-ref-layout-content-max: 1440px;
  --ntx-ref-layout-editorial-media-max: 980px;
  --ntx-ref-layout-grid-gap: 24px;
  --ntx-ref-layout-touch-target: 44px;
  --ntx-ref-shadow-ui: none;
  --ntx-ref-shadow-product: 3px 5px 30px rgba(0,0,0,.22);
}

/* Layer 2: semantic system tokens */
:root {
  --ntx-sys-color-canvas: var(--ntx-ref-color-canvas-parchment);
  --ntx-sys-color-surface: var(--ntx-ref-color-canvas);
  --ntx-sys-color-surface-soft: var(--ntx-ref-color-surface-pearl);
  --ntx-sys-color-text: var(--ntx-ref-color-ink);
  --ntx-sys-color-text-muted: var(--ntx-ref-color-ink-muted-48);
  --ntx-sys-color-interactive: var(--ntx-ref-color-action-blue);
  --ntx-sys-color-focus: var(--ntx-ref-color-focus-blue);
  --ntx-sys-color-interactive-on-dark: var(--ntx-ref-color-link-on-dark);
  --ntx-sys-color-border: var(--ntx-ref-color-hairline);
  --ntx-sys-font-display: var(--ntx-ref-font-display);
  --ntx-sys-font-text: var(--ntx-ref-font-text);
  --ntx-sys-type-body-size: var(--ntx-ref-type-body-size);
  --ntx-sys-type-body-leading: var(--ntx-ref-type-body-leading);
  --ntx-sys-type-body-weight: var(--ntx-ref-type-body-weight);
  --ntx-sys-type-display-weight: var(--ntx-ref-type-display-weight);
  --ntx-sys-radius-utility-card: var(--ntx-ref-radius-utility-card);
  --ntx-sys-radius-action: var(--ntx-ref-radius-pill);
  --ntx-sys-shadow-ui: var(--ntx-ref-shadow-ui);
  --ntx-sys-shadow-product: var(--ntx-ref-shadow-product);
}

/* Layer 3: Neyrotex component tokens */
:root {
  --ntx-cmp-archive-grid-max: var(--ntx-ref-layout-content-max);
  --ntx-cmp-archive-grid-gap: var(--ntx-ref-layout-grid-gap);
  --ntx-cmp-archive-card-bg: var(--ntx-sys-color-surface);
  --ntx-cmp-archive-card-border: 1px solid var(--ntx-sys-color-border);
  --ntx-cmp-archive-card-radius: var(--ntx-sys-radius-utility-card);
  --ntx-cmp-archive-card-padding: var(--ntx-ref-space-lg);
  --ntx-cmp-archive-card-shadow: none;
  --ntx-cmp-archive-card-title-size: var(--ntx-ref-type-tagline-size);
  --ntx-cmp-archive-card-title-weight: var(--ntx-ref-type-strong-weight);
  --ntx-cmp-archive-card-copy-size: var(--ntx-ref-type-body-size);
  --ntx-cmp-archive-card-copy-leading: var(--ntx-ref-type-body-leading);
  --ntx-cmp-archive-card-image-ratio: 4 / 3;
  --ntx-cmp-archive-diagram-bg: var(--ntx-ref-color-tile-1);
  --ntx-cmp-desk-chip-height: var(--ntx-ref-layout-touch-target);
  --ntx-cmp-desk-chip-radius: var(--ntx-sys-radius-action);
  --ntx-cmp-desk-chip-bg: var(--ntx-sys-color-surface);
  --ntx-cmp-desk-chip-border: 1px solid var(--ntx-sys-color-border);
  --ntx-cmp-desk-chip-active-border: 2px solid var(--ntx-sys-color-focus);
  --ntx-cmp-desk-chip-shadow: none;
  --ntx-cmp-article-media-radius: var(--ntx-sys-radius-utility-card);
}