/* Generated by packages/brand/build.mjs from packages/brand/tokens.json. Do not edit. */
/* Names: --ar-<token path>; theme.<mode>.<role> becomes --ar-<role>. */
:root {
  color-scheme: light;
  --ar-color-carbon: #0b0f12;
  --ar-color-carbon-deep: #05070a;
  --ar-color-mineral: #f3f2ec;
  --ar-color-run-coral: #f05a3c;
  --ar-color-ready-lime: #c9f25b;
  --ar-color-steel: #6f7a80;
  --ar-color-panel: #151b20;
  --ar-bg: var(--ar-color-mineral);
  --ar-surface: #fbfaf6;
  --ar-surface-raised: #fefdfa;
  --ar-surface-muted: #eef1f4;
  --ar-surface-inverse: var(--ar-color-panel);
  --ar-text: var(--ar-color-carbon);
  --ar-muted: #454f55;
  --ar-subtle: #5e676d;
  --ar-border-subtle: #e4e2d9;
  --ar-border: #d8d6cc;
  --ar-border-strong: var(--ar-color-steel);
  --ar-border-inverse: #2a3238;
  --ar-border-inverse-subtle: rgba(243, 242, 236, 0.08);
  --ar-text-inverse: var(--ar-color-mineral);
  --ar-muted-inverse: #a7b2b8;
  --ar-subtle-inverse: #8a959b;
  --ar-action: var(--ar-color-run-coral);
  --ar-action-hover: #ff6a4c;
  --ar-action-ink: var(--ar-color-carbon);
  --ar-link: #c23a1f;
  --ar-ready: #3d5510;
  --ar-ready-bg: var(--ar-color-ready-lime);
  --ar-ready-ink: #1c2a06;
  --ar-danger: #b42318;
  --ar-danger-bg: #fdecea;
  --ar-warning: #8a5a00;
  --ar-warning-bg: #fdf3e0;
  --ar-focus: var(--ar-link);
  --ar-scrim: rgba(11, 15, 18, 0.55);
  --ar-vendor-nvidia: #4a7a00;
  --ar-vendor-amd: #d1202b;
  --ar-vendor-intel: #0068b5;
  --ar-elevation-raised: 0px 1px 2px 0px rgba(11, 15, 18, 0.06), 0px 1px 0px 0px rgba(11, 15, 18, 0.22);
  --ar-font-family-ui: "Space Grotesk", "Space Grotesk Fallback", system-ui, -apple-system, "Segoe UI", sans-serif;
  --ar-font-family-mono: "IBM Plex Mono", "IBM Plex Mono Fallback", ui-monospace, "SFMono-Regular", Menlo, monospace;
  --ar-font-weight-body: 480;
  --ar-font-weight-emphasis: 520;
  --ar-font-weight-wordmark: 570;
  --ar-font-weight-ui: 580;
  --ar-font-weight-headline: 620;
  --ar-font-weight-display: 650;
  --ar-font-weight-mono: 400;
  --ar-font-size-xs: 0.75rem;
  --ar-font-size-data: 0.8125rem;
  --ar-font-size-sm: 0.875rem;
  --ar-font-size-md: 1rem;
  --ar-font-size-lg: 1.125rem;
  --ar-font-size-xl: 1.25rem;
  --ar-font-size-2xl: 1.5rem;
  --ar-font-size-3xl: 2rem;
  --ar-font-size-4xl: 2.5rem;
  --ar-font-size-5xl: 2.75rem;
  --ar-font-size-6xl: 3.25rem;
  --ar-font-line-height-tight: 1.08;
  --ar-font-line-height-body: 1.55;
  --ar-font-line-height-relaxed: 1.6;
  --ar-font-tracking-display: -0.03em;
  --ar-font-tracking-headline: -0.02em;
  --ar-font-tracking-label: 0.06em;
  --ar-space-1: 8px;
  --ar-space-2: 16px;
  --ar-space-3: 24px;
  --ar-space-4: 32px;
  --ar-space-6: 48px;
  --ar-space-8: 64px;
  --ar-space-12: 96px;
  --ar-space-16: 128px;
  --ar-space-0-5: 4px;
  --ar-space-1-5: 12px;
  --ar-radius-card: 4px;
  --ar-radius-inner: 2px;
  --ar-radius-control: 2px;
  --ar-radius-pill: 2px;
  --ar-motion-duration-fast: 150ms;
  --ar-motion-duration-base: 200ms;
  --ar-motion-duration-slow: 300ms;
  --ar-motion-duration-state: 400ms;
  --ar-motion-duration-reveal: 600ms;
  --ar-motion-duration-pulse: 2000ms;
  --ar-motion-easing-standard: cubic-bezier(0.22, 1, 0.36, 1);
  --ar-motion-easing-overshoot: cubic-bezier(0.34, 1.56, 0.64, 1);
  --ar-motion-easing-emphasized: cubic-bezier(0.2, 0, 0, 1);
  --ar-effect-glow-action: 0px 0px 0px 0px rgba(240, 90, 60, 0), 0px 10px 0px 0px rgba(240, 90, 60, 0);
  --ar-effect-glow-live: 0px 0px 0px 0px rgba(201, 242, 91, 0);
  --ar-effect-gradient-grid: radial-gradient(circle 1.5px at 1.5px 1.5px, rgba(111, 122, 128, 0) 0%, rgba(111, 122, 128, 0) 66%, rgba(111, 122, 128, 0) 70%);
  --ar-effect-gradient-field: radial-gradient(70% 60% at 85% 0%, rgba(240, 90, 60, 0) 0%, rgba(240, 90, 60, 0) 70%);
  --ar-effect-gradient-sheen: linear-gradient(90deg, rgba(240, 90, 60, 0) 0%, rgba(240, 90, 60, 0) 50%, rgba(240, 90, 60, 0) 100%);
  --ar-effect-gradient-card-light: radial-gradient(circle 220px at var(--sheen-x, 50%) var(--sheen-y, 0%), rgba(240, 90, 60, 0) 0%, rgba(240, 90, 60, 0) 100%);
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    color-scheme: dark;
    --ar-bg: #0d1217;
    --ar-surface: #151c23;
    --ar-surface-raised: #1b242c;
    --ar-surface-muted: #1a2a36;
    --ar-surface-inverse: #10161c;
    --ar-text: #edf2f3;
    --ar-muted: #b4c0c5;
    --ar-subtle: #8a959b;
    --ar-border-subtle: #26313a;
    --ar-border: #34424a;
    --ar-border-strong: var(--ar-color-steel);
    --ar-border-inverse: #43535c;
    --ar-border-inverse-subtle: rgba(243, 242, 236, 0.08);
    --ar-text-inverse: var(--ar-color-mineral);
    --ar-muted-inverse: #a7b2b8;
    --ar-subtle-inverse: #8a959b;
    --ar-action: var(--ar-color-run-coral);
    --ar-action-hover: #ff6a4c;
    --ar-action-ink: var(--ar-color-carbon);
    --ar-link: #ff846c;
    --ar-ready: #d2f58a;
    --ar-ready-bg: var(--ar-color-ready-lime);
    --ar-ready-ink: #1c2a06;
    --ar-danger: #ff8b8b;
    --ar-danger-bg: #3c1e20;
    --ar-warning: #f2b75f;
    --ar-warning-bg: #382b13;
    --ar-focus: var(--ar-color-run-coral);
    --ar-scrim: rgba(5, 7, 10, 0.72);
    --ar-vendor-nvidia: #76b900;
    --ar-vendor-amd: #ff5a61;
    --ar-vendor-intel: #3aa5f0;
    --ar-elevation-raised: inset 0px 1px 0px 0px rgba(243, 242, 236, 0.06), 0px 1px 0px 0px rgba(5, 7, 10, 0.35);
  }
}
:root[data-theme="dark"] {
  color-scheme: dark;
  --ar-bg: #0d1217;
  --ar-surface: #151c23;
  --ar-surface-raised: #1b242c;
  --ar-surface-muted: #1a2a36;
  --ar-surface-inverse: #10161c;
  --ar-text: #edf2f3;
  --ar-muted: #b4c0c5;
  --ar-subtle: #8a959b;
  --ar-border-subtle: #26313a;
  --ar-border: #34424a;
  --ar-border-strong: var(--ar-color-steel);
  --ar-border-inverse: #43535c;
  --ar-border-inverse-subtle: rgba(243, 242, 236, 0.08);
  --ar-text-inverse: var(--ar-color-mineral);
  --ar-muted-inverse: #a7b2b8;
  --ar-subtle-inverse: #8a959b;
  --ar-action: var(--ar-color-run-coral);
  --ar-action-hover: #ff6a4c;
  --ar-action-ink: var(--ar-color-carbon);
  --ar-link: #ff846c;
  --ar-ready: #d2f58a;
  --ar-ready-bg: var(--ar-color-ready-lime);
  --ar-ready-ink: #1c2a06;
  --ar-danger: #ff8b8b;
  --ar-danger-bg: #3c1e20;
  --ar-warning: #f2b75f;
  --ar-warning-bg: #382b13;
  --ar-focus: var(--ar-color-run-coral);
  --ar-scrim: rgba(5, 7, 10, 0.72);
  --ar-vendor-nvidia: #76b900;
  --ar-vendor-amd: #ff5a61;
  --ar-vendor-intel: #3aa5f0;
  --ar-elevation-raised: inset 0px 1px 0px 0px rgba(243, 242, 236, 0.06), 0px 1px 0px 0px rgba(5, 7, 10, 0.35);
}
/* Carbon fields (header, hero, dark sections, footer) are dark in both themes: the class
   applies the dark roles to its subtree, so every component inside renders for a dark field. */
.ar-dark {
  color-scheme: dark;
  --ar-bg: #0d1217;
  --ar-surface: #151c23;
  --ar-surface-raised: #1b242c;
  --ar-surface-muted: #1a2a36;
  --ar-surface-inverse: #10161c;
  --ar-text: #edf2f3;
  --ar-muted: #b4c0c5;
  --ar-subtle: #8a959b;
  --ar-border-subtle: #26313a;
  --ar-border: #34424a;
  --ar-border-strong: var(--ar-color-steel);
  --ar-border-inverse: #43535c;
  --ar-border-inverse-subtle: rgba(243, 242, 236, 0.08);
  --ar-text-inverse: var(--ar-color-mineral);
  --ar-muted-inverse: #a7b2b8;
  --ar-subtle-inverse: #8a959b;
  --ar-action: var(--ar-color-run-coral);
  --ar-action-hover: #ff6a4c;
  --ar-action-ink: var(--ar-color-carbon);
  --ar-link: #ff846c;
  --ar-ready: #d2f58a;
  --ar-ready-bg: var(--ar-color-ready-lime);
  --ar-ready-ink: #1c2a06;
  --ar-danger: #ff8b8b;
  --ar-danger-bg: #3c1e20;
  --ar-warning: #f2b75f;
  --ar-warning-bg: #382b13;
  --ar-focus: var(--ar-color-run-coral);
  --ar-scrim: rgba(5, 7, 10, 0.72);
  --ar-vendor-nvidia: #76b900;
  --ar-vendor-amd: #ff5a61;
  --ar-vendor-intel: #3aa5f0;
  --ar-elevation-raised: inset 0px 1px 0px 0px rgba(243, 242, 236, 0.06), 0px 1px 0px 0px rgba(5, 7, 10, 0.35);
}
@media (prefers-reduced-motion: reduce) {
  :root {
    --ar-motion-duration-fast: 0.01ms;
    --ar-motion-duration-base: 0.01ms;
    --ar-motion-duration-slow: 0.01ms;
    --ar-motion-duration-state: 0.01ms;
    --ar-motion-duration-reveal: 0.01ms;
    --ar-motion-duration-pulse: 0.01ms;
  }
}