/* Ride the Games Design System — tokens.css v0.3.0 (proposal — red logo direction, 2026-10-08)
   Generated from tokens.json. Aliases are emitted as var() chains (primitive → semantic → component), so theme overrides at semantic level cascade. Do not edit by hand; edit tokens.json.
   Tokens are declared on :root AND [data-theme] so var() chains recompute inside a themed subtree.
   Naming: --rtg-{tier}-{path}. Semantic tier drops the "semantic" prefix. */
:root, [data-theme] {
  --rtg-color-brand-graphite: #17161C;
  --rtg-color-brand-paper: #FBF7F0;
  --rtg-color-brand-red: #F00000;
  --rtg-color-brand-violet: #6C4CF1; /* deprecated */
  --rtg-color-brand-amber: #FFB020;
  --rtg-color-brand-mint: #9FE0C7;
  --rtg-color-brand-violetSoft: #B59AFF; /* deprecated */
  --rtg-color-neutral-0: #FFFFFF;
  --rtg-color-neutral-50: #FBF7F0;
  --rtg-color-neutral-100: #F4EFE6;
  --rtg-color-neutral-200: #E6DFD2;
  --rtg-color-neutral-300: #C7BEAE;
  --rtg-color-neutral-400: #9A9283;
  --rtg-color-neutral-500: #8A8273;
  --rtg-color-neutral-600: #6B6355;
  --rtg-color-neutral-800: #3A352C;
  --rtg-color-neutral-900: #17161C;
  --rtg-color-violet-50: #EFEBFE;
  --rtg-color-violet-100: #E2DBFD;
  --rtg-color-violet-500: var(--rtg-color-brand-violet);
  --rtg-color-violet-700: #5536D6;
  --rtg-color-paraiba-50: #FFEBEB;
  --rtg-color-paraiba-500: var(--rtg-color-brand-red);
  --rtg-color-paraiba-600: #D80000;
  --rtg-color-paraiba-700: #B40000;
  --rtg-color-red-50: #F7E6E8;
  --rtg-color-red-700: #8E1B1B;
  --rtg-color-blue-50: #E8EFF6;
  --rtg-color-blue-700: #244A6F;
  --rtg-color-orange-50: #FBEEDF;
  --rtg-color-orange-800: #8F4A00;
  --rtg-color-green-50: #E5F3EB;
  --rtg-color-green-700: #1D7347;
  --rtg-color-teal-700: #2E7D6B;
  --rtg-color-ochre-700: #A86400;
  --rtg-color-bg-canvas: var(--rtg-color-neutral-50);
  --rtg-color-bg-surface: var(--rtg-color-neutral-0);
  --rtg-color-bg-subtle: var(--rtg-color-neutral-100);
  --rtg-color-bg-inverse: var(--rtg-color-neutral-900);
  --rtg-color-text-primary: var(--rtg-color-neutral-900);
  --rtg-color-text-secondary: var(--rtg-color-neutral-600);
  --rtg-color-text-disabled: var(--rtg-color-neutral-400);
  --rtg-color-text-inverse: var(--rtg-color-neutral-50);
  --rtg-color-text-link: var(--rtg-color-paraiba-700);
  --rtg-color-text-onAction: var(--rtg-color-neutral-0);
  --rtg-color-border-default: var(--rtg-color-neutral-200);
  --rtg-color-border-strong: var(--rtg-color-neutral-300);
  --rtg-color-border-control: var(--rtg-color-neutral-500);
  --rtg-color-focus-ring: var(--rtg-color-brand-graphite);
  --rtg-color-focus-ringInverse: var(--rtg-color-brand-mint);
  --rtg-color-action-primary-background: var(--rtg-color-paraiba-600);
  --rtg-color-action-primary-backgroundHover: var(--rtg-color-paraiba-700);
  --rtg-color-action-primary-text: var(--rtg-color-neutral-0);
  --rtg-color-action-secondary-background: var(--rtg-color-neutral-0);
  --rtg-color-action-secondary-backgroundHover: var(--rtg-color-neutral-100);
  --rtg-color-action-secondary-border: var(--rtg-color-neutral-500);
  --rtg-color-action-secondary-text: var(--rtg-color-neutral-900);
  --rtg-color-action-danger-background: var(--rtg-color-red-700);
  --rtg-color-action-danger-text: var(--rtg-color-neutral-0);
  --rtg-color-selection-background: var(--rtg-color-neutral-100);
  --rtg-color-selection-border: var(--rtg-color-brand-graphite);
  --rtg-color-status-neutral-fg: var(--rtg-color-neutral-800);
  --rtg-color-status-neutral-bg: var(--rtg-color-neutral-100);
  --rtg-color-status-info-fg: var(--rtg-color-blue-700);
  --rtg-color-status-info-bg: var(--rtg-color-blue-50);
  --rtg-color-status-success-fg: var(--rtg-color-green-700);
  --rtg-color-status-success-bg: var(--rtg-color-green-50);
  --rtg-color-status-warning-fg: var(--rtg-color-orange-800);
  --rtg-color-status-warning-bg: var(--rtg-color-orange-50);
  --rtg-color-status-danger-fg: var(--rtg-color-red-700);
  --rtg-color-status-danger-bg: var(--rtg-color-red-50);
  --rtg-color-logo-theBackground: var(--rtg-color-brand-red);
  --rtg-color-logo-theText: var(--rtg-color-neutral-0);
  --rtg-color-logo-letteringOnLight: var(--rtg-color-brand-graphite);
  --rtg-color-logo-letteringOnDark: var(--rtg-color-brand-paper);
  --rtg-color-highlight-background: var(--rtg-color-paraiba-600);
  --rtg-color-highlight-text: var(--rtg-color-neutral-0);
  --rtg-color-dataviz-series1: var(--rtg-color-brand-graphite);
  --rtg-color-dataviz-series2: var(--rtg-color-teal-700);
  --rtg-color-dataviz-series3: var(--rtg-color-ochre-700);
  --rtg-color-dataviz-series4: var(--rtg-color-neutral-600);
  --rtg-color-dataviz-grid: var(--rtg-color-neutral-200);
  --rtg-color-dataviz-axis: var(--rtg-color-neutral-600);
  --rtg-font-family-display: 'Familjen Grotesk', 'Instrument Sans', system-ui, sans-serif;
  --rtg-font-family-ui: 'Instrument Sans', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --rtg-font-family-mono: 'IBM Plex Mono', ui-monospace, 'SFMono-Regular', Menlo, monospace;
  --rtg-font-weight-regular: 400;
  --rtg-font-weight-medium: 500;
  --rtg-font-weight-semibold: 600;
  --rtg-font-weight-bold: 700;
  --rtg-font-product-xs-size: 12px;
  --rtg-font-product-xs-line: 16px;
  --rtg-font-product-sm-size: 13px;
  --rtg-font-product-sm-line: 18px;
  --rtg-font-product-md-size: 14px;
  --rtg-font-product-md-line: 20px;
  --rtg-font-product-lg-size: 16px;
  --rtg-font-product-lg-line: 24px;
  --rtg-font-product-xl-size: 20px;
  --rtg-font-product-xl-line: 28px;
  --rtg-font-product-2xl-size: 24px;
  --rtg-font-product-2xl-line: 32px;
  --rtg-font-marketing-body-size: 17px;
  --rtg-font-marketing-body-line: 28px;
  --rtg-font-marketing-lead-size: 20px;
  --rtg-font-marketing-lead-line: 30px;
  --rtg-font-marketing-h3-size: 24px;
  --rtg-font-marketing-h3-line: 30px;
  --rtg-font-marketing-h2-size: clamp(28px,3.4vw,40px);
  --rtg-font-marketing-h2-line: 1.12;
  --rtg-font-marketing-h1-size: clamp(36px,5.2vw,64px);
  --rtg-font-marketing-h1-line: 1.04;
  --rtg-font-numeric: tabular-nums;
  --rtg-space-0: 0px;
  --rtg-space-1: 2px;
  --rtg-space-2: 4px;
  --rtg-space-3: 8px;
  --rtg-space-4: 12px;
  --rtg-space-5: 16px;
  --rtg-space-6: 20px;
  --rtg-space-7: 24px;
  --rtg-space-8: 32px;
  --rtg-space-9: 40px;
  --rtg-space-10: 48px;
  --rtg-space-11: 64px;
  --rtg-space-12: 80px;
  --rtg-space-13: 96px;
  --rtg-size-control-sm: 32px;
  --rtg-size-control-md: 40px;
  --rtg-size-control-lg: 48px;
  --rtg-size-row-compact: 36px;
  --rtg-size-row-comfortable: 48px;
  --rtg-size-icon-sm: 16px;
  --rtg-size-icon-md: 20px;
  --rtg-size-icon-lg: 24px;
  --rtg-size-content-prose: 720px;
  --rtg-size-content-marketing: 1200px;
  --rtg-size-content-product: 1440px;
  --rtg-size-sidebar: 232px;
  --rtg-breakpoint-sm: 640px;
  --rtg-breakpoint-md: 768px;
  --rtg-breakpoint-lg: 1024px;
  --rtg-breakpoint-xl: 1280px;
  --rtg-breakpoint-2xl: 1536px;
  --rtg-radius-none: 0;
  --rtg-radius-sm: 2px;
  --rtg-radius-md: 4px;
  --rtg-radius-lg: 8px;
  --rtg-radius-full: 999px;
  --rtg-shape-chamfer-sm: 6px;
  --rtg-shape-chamfer-md: 12px;
  --rtg-shape-chamfer-lg: 24px;
  --rtg-border-width-hairline: 1px;
  --rtg-border-width-strong: 2px;
  --rtg-focus-width: 2px;
  --rtg-focus-offset: 2px;
  --rtg-shadow-sm: 0 1px 2px rgba(23,22,28,.06);
  --rtg-shadow-md: 0 4px 16px rgba(23,22,28,.10), 0 1px 2px rgba(23,22,28,.06);
  --rtg-shadow-lg: 0 16px 48px rgba(23,22,28,.18);
  --rtg-z-base: 0; /* @kind other */
  --rtg-z-sticky: 100; /* @kind other */
  --rtg-z-dropdown: 1000; /* @kind other */
  --rtg-z-drawer: 1100; /* @kind other */
  --rtg-z-dialog: 1200; /* @kind other */
  --rtg-z-toast: 1300; /* @kind other */
  --rtg-z-tooltip: 1400; /* @kind other */
  --rtg-motion-duration-instant: 0ms; /* @kind other */
  --rtg-motion-duration-fast: 120ms; /* @kind other */
  --rtg-motion-duration-base: 200ms; /* @kind other */
  --rtg-motion-duration-slow: 320ms; /* @kind other */
  --rtg-motion-duration-reveal: 400ms; /* @kind other */
  --rtg-motion-duration-turn: var(--rtg-motion-duration-reveal); /* @kind other */ /* deprecated alias */
  --rtg-motion-easing-standard: cubic-bezier(0.2, 0, 0, 1); /* @kind other */
  --rtg-motion-easing-exit: cubic-bezier(0.4, 0, 1, 1); /* @kind other */
  --rtg-motion-easing-reveal: cubic-bezier(0.2, 0, 0, 1); /* @kind other */
  --rtg-motion-easing-turn: var(--rtg-motion-easing-reveal); /* @kind other */ /* deprecated alias */
  --rtg-motion-distance-sm: 4px; /* @kind other */
  --rtg-motion-distance-md: 8px; /* @kind other */
  --rtg-motion-distance-lg: 24px; /* @kind other */
  --rtg-component-button-primary-background: var(--rtg-color-action-primary-background);
  --rtg-component-button-primary-backgroundHover: var(--rtg-color-action-primary-backgroundHover);
  --rtg-component-button-primary-text: var(--rtg-color-action-primary-text);
  --rtg-component-button-secondary-border: var(--rtg-color-action-secondary-border);
  --rtg-component-button-radius: var(--rtg-radius-md);
  --rtg-component-button-height: var(--rtg-size-control-md);
  --rtg-component-input-border: var(--rtg-color-border-control);
  --rtg-component-input-borderError: var(--rtg-color-status-danger-fg);
  --rtg-component-input-background: var(--rtg-color-bg-surface);
  --rtg-component-input-height: var(--rtg-size-control-md);
  --rtg-component-table-header-background: var(--rtg-color-bg-subtle);
  --rtg-component-table-row-height-compact: var(--rtg-size-row-compact);
  --rtg-component-table-row-height-comfortable: var(--rtg-size-row-comfortable);
  --rtg-component-table-row-hover-background: var(--rtg-color-neutral-100);
  --rtg-component-table-row-selected-background: var(--rtg-color-selection-background);
  --rtg-component-table-row-selected-indicator: var(--rtg-color-selection-border);
  --rtg-component-badge-radius: var(--rtg-radius-sm);
  --rtg-component-sidebar-background: var(--rtg-color-bg-inverse);
  --rtg-component-sidebar-itemActive: var(--rtg-color-brand-red);
  --rtg-component-sidebar-width: var(--rtg-size-sidebar);
  --rtg-component-dialog-radius: var(--rtg-radius-lg);
  --rtg-component-dialog-shadow: var(--rtg-shadow-lg);
}
/* Synthetic white-label sample — NOT a client. Only overridable tokens change. */
[data-theme="sample-neutral"] {
  --rtg-color-action-primary-background: #2F5D8A;
  --rtg-color-action-primary-backgroundHover: #244A6F;
  --rtg-color-selection-border: #2F5D8A;
  --rtg-color-selection-background: #E8EFF6;
  --rtg-color-focus-ring: #2F5D8A;
  --rtg-color-text-link: #244A6F;
  --rtg-component-sidebar-background: #1F2933;
  --rtg-component-sidebar-itemActive: #8FB3DA;
}
@media (prefers-reduced-motion: reduce) {
  :root { --rtg-motion-duration-fast: 0ms; /* @kind other */ --rtg-motion-duration-base: 0ms; /* @kind other */ --rtg-motion-duration-slow: 0ms; /* @kind other */ --rtg-motion-duration-reveal: 0ms; /* @kind other */ --rtg-motion-distance-sm: 0px; /* @kind other */ --rtg-motion-distance-md: 0px; /* @kind other */ --rtg-motion-distance-lg: 0px; /* @kind other */ }
}