/* AugRank design tokens — Atlas (c-atlas)
 * GENERATED by design/tokens/build_tokens.py — do not edit by hand.
 * Brand: orange #ff751f, navy #1a2744 (locked).
 */
@import url('https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,500;12..96,600;12..96,700;12..96,800&family=Manrope:wght@400;500;600;700;800&family=IBM+Plex+Mono:wght@400;500;600&display=swap');

:root {
  color-scheme: light dark;
  --ar-font-display: 'Bricolage Grotesque', 'Helvetica Neue', Arial, sans-serif;
  --ar-font-body: 'Manrope', 'Helvetica Neue', Arial, sans-serif;
  --ar-font-mono: 'IBM Plex Mono', ui-monospace, SFMono-Regular, monospace;

  --ar-text-display-2xl-size: 4rem;
  --ar-text-display-2xl-lh: 1.05;
  --ar-text-display-2xl-ls: -0.03em;
  --ar-text-display-2xl-weight: 800;
  --ar-text-display-xl-size: 3rem;
  --ar-text-display-xl-lh: 1.08;
  --ar-text-display-xl-ls: -0.026em;
  --ar-text-display-xl-weight: 700;
  --ar-text-display-lg-size: 2.25rem;
  --ar-text-display-lg-lh: 1.15;
  --ar-text-display-lg-ls: -0.022em;
  --ar-text-display-lg-weight: 700;
  --ar-text-h1-size: 1.875rem;
  --ar-text-h1-lh: 1.22;
  --ar-text-h1-ls: -0.018em;
  --ar-text-h1-weight: 700;
  --ar-text-h2-size: 1.5rem;
  --ar-text-h2-lh: 1.3;
  --ar-text-h2-ls: -0.014em;
  --ar-text-h2-weight: 600;
  --ar-text-h3-size: 1.125rem;
  --ar-text-h3-lh: 1.4;
  --ar-text-h3-ls: -0.008em;
  --ar-text-h3-weight: 600;
  --ar-text-body-lg-size: 1.0625rem;
  --ar-text-body-lg-lh: 1.68;
  --ar-text-body-lg-ls: 0;
  --ar-text-body-lg-weight: 400;
  --ar-text-body-size: 1rem;
  --ar-text-body-lh: 1.65;
  --ar-text-body-ls: 0;
  --ar-text-body-weight: 400;
  --ar-text-body-sm-size: 0.875rem;
  --ar-text-body-sm-lh: 1.6;
  --ar-text-body-sm-ls: 0;
  --ar-text-body-sm-weight: 400;
  --ar-text-label-size: 0.8125rem;
  --ar-text-label-lh: 1.35;
  --ar-text-label-ls: 0.01em;
  --ar-text-label-weight: 600;
  --ar-text-caption-size: 0.8125rem;
  --ar-text-caption-lh: 1.5;
  --ar-text-caption-ls: 0.01em;
  --ar-text-caption-weight: 500;
  --ar-text-mono-size: 0.875rem;
  --ar-text-mono-lh: 1.55;
  --ar-text-mono-ls: 0;
  --ar-text-mono-weight: 400;

  --ar-space-0: 0;
  --ar-space-px: 1px;
  --ar-space-0.5: 0.125rem;
  --ar-space-1: 0.25rem;
  --ar-space-1.5: 0.375rem;
  --ar-space-2: 0.5rem;
  --ar-space-2.5: 0.625rem;
  --ar-space-3: 0.75rem;
  --ar-space-4: 1rem;
  --ar-space-5: 1.25rem;
  --ar-space-6: 1.5rem;
  --ar-space-8: 2rem;
  --ar-space-10: 2.5rem;
  --ar-space-12: 3rem;
  --ar-space-16: 4rem;
  --ar-space-20: 5rem;
  --ar-space-24: 6rem;
  --ar-space-32: 8rem;
  --ar-radius-none: 0;
  --ar-radius-sm: 6px;
  --ar-radius-md: 10px;
  --ar-radius-lg: 14px;
  --ar-radius-xl: 20px;
  --ar-radius-2xl: 28px;
  --ar-radius-full: 9999px;
  --ar-stroke-hairline: 1px;
  --ar-stroke-strong: 2px;
  --ar-stroke-rule: 3px;
  --ar-control-sm: 2rem;
  --ar-control-md: 2.625rem;
  --ar-control-lg: 3.125rem;
  --ar-row: 3.25rem;
  --ar-gutter: 2rem;
  --ar-section: 3rem;
  --ar-sidebar: 16.5rem;
  --ar-topbar: 4rem;

  --ar-orange-25: #fef9f7;
  --ar-orange-50: #fef3ed;
  --ar-orange-100: #ffe7dc;
  --ar-orange-200: #ffd1bc;
  --ar-orange-300: #ffb38f;
  --ar-orange-400: #fe8c52;
  --ar-orange-500: #ff751f;
  --ar-orange-600: #cd5801;
  --ar-orange-700: #a74601;
  --ar-orange-800: #823602;
  --ar-orange-900: #5e2400;
  --ar-orange-950: #3c1501;
  --ar-partner-25: #f8fafd;
  --ar-partner-50: #f1f5fe;
  --ar-partner-100: #e8edf7;
  --ar-partner-200: #d6dce9;
  --ar-partner-300: #c0c7d6;
  --ar-partner-400: #a7b0c1;
  --ar-partner-500: #8f98ac;
  --ar-partner-600: #758097;
  --ar-partner-700: #5c6880;
  --ar-partner-800: #43506a;
  --ar-partner-900: #2a3754;
  --ar-partner-950: #1a2744;
  --ar-green-25: #effff2;
  --ar-green-50: #e3fde7;
  --ar-green-100: #d7f7dc;
  --ar-green-200: #beeac5;
  --ar-green-300: #9dd8a8;
  --ar-green-400: #75c587;
  --ar-green-500: #4ab166;
  --ar-green-600: #329750;
  --ar-green-700: #167c3b;
  --ar-green-800: #016129;
  --ar-green-900: #03441c;
  --ar-green-950: #002c0e;
  --ar-amber-25: #fffaee;
  --ar-amber-50: #fff4db;
  --ar-amber-100: #ffebbd;
  --ar-amber-200: #f6d994;
  --ar-amber-300: #ebc258;
  --ar-amber-400: #d7a91e;
  --ar-amber-500: #e6b731;
  --ar-amber-600: #9f7b01;
  --ar-amber-700: #806307;
  --ar-amber-800: #634c04;
  --ar-amber-900: #473502;
  --ar-amber-950: #2d2102;
  --ar-red-25: #fff8f7;
  --ar-red-50: #fff2f0;
  --ar-red-100: #ffe6e3;
  --ar-red-200: #fecfca;
  --ar-red-300: #ffb0a7;
  --ar-red-400: #ff877d;
  --ar-red-500: #e8403e;
  --ar-red-600: #e03938;
  --ar-red-700: #be1c23;
  --ar-red-800: #980413;
  --ar-red-900: #6e010a;
  --ar-red-950: #490004;
  --ar-blue-25: #f7fbff;
  --ar-blue-50: #eef6ff;
  --ar-blue-100: #e0efff;
  --ar-blue-200: #c2e0ff;
  --ar-blue-300: #9eccfc;
  --ar-blue-400: #79b5f1;
  --ar-blue-500: #2f8adc;
  --ar-blue-600: #2884d4;
  --ar-blue-700: #096ab5;
  --ar-blue-800: #01528f;
  --ar-blue-900: #023966;
  --ar-blue-950: #002443;
  --ar-n-25: #f8fafe;
  --ar-n-50: #f3f5f9;
  --ar-n-100: #ebedf0;
  --ar-n-200: #dbdce0;
  --ar-n-300: #c6c7cb;
  --ar-n-400: #aeafb3;
  --ar-n-500: #97989b;
  --ar-n-600: #7f8083;
  --ar-n-700: #66676a;
  --ar-n-800: #4e5053;
  --ar-n-900: #37383b;
  --ar-n-950: #222325;
}

:root, [data-theme="light"] {
  --ar-bg: #f3f5f9;
  --ar-bg-subtle: #ebedf0;
  --ar-surface: #ffffff;
  --ar-surface-alt: #f8fafe;
  --ar-surface-inset: #ebedf0;
  --ar-border: #dbdce0;
  --ar-border-strong: #7f8083;
  --ar-text: #1a2744;
  --ar-text-muted: #66676a;
  --ar-text-subtle: #7f8083;
  --ar-text-inverse: #f8fafe;
  --ar-primary: #ff751f;
  --ar-primary-hover: #cd5801;
  --ar-primary-active: #a74601;
  --ar-primary-border: #a74601;
  --ar-on-primary: #1a2744;
  --ar-brand-ink: #823602;
  --ar-secondary: #1a2744;
  --ar-on-secondary: #f8fafe;
  --ar-focus: #cd5801;
  --ar-success: #167c3b;
  --ar-warning: #634c04;
  --ar-danger: #be1c23;
  --ar-info: #096ab5;
  --ar-success-bg: #e3fde7;
  --ar-warning-bg: #fff4db;
  --ar-danger-bg: #fff2f0;
  --ar-info-bg: #eef6ff;
  --ar-chart-1: #045ea3;
  --ar-chart-2: #077542;
  --ar-chart-3: #9d76db;
  --ar-chart-4: #c0252c;
  --ar-chart-5: #02989f;
  --ar-chart-6: #896a01;
  --ar-shadow-color: rgb(26 39 68 / 0.14);
  --ar-shadow-hairline: rgb(26 39 68 / 0.10);
}

[data-theme="dark"] {
  --ar-bg: #1a2744;
  --ar-bg-subtle: #222325;
  --ar-surface: #2a3754;
  --ar-surface-alt: #43506a;
  --ar-surface-inset: #1a2744;
  --ar-border: #43506a;
  --ar-border-strong: #8f98ac;
  --ar-text: #f3f5f9;
  --ar-text-muted: #c6c7cb;
  --ar-text-subtle: #aeafb3;
  --ar-text-inverse: #1a2744;
  --ar-primary: #ff751f;
  --ar-primary-hover: #fe8c52;
  --ar-primary-active: #ffb38f;
  --ar-primary-border: #ff751f;
  --ar-on-primary: #1a2744;
  --ar-brand-ink: #ffb38f;
  --ar-secondary: #f3f5f9;
  --ar-on-secondary: #1a2744;
  --ar-focus: #fe8c52;
  --ar-success: #9dd8a8;
  --ar-warning: #ebc258;
  --ar-danger: #ffb0a7;
  --ar-info: #9eccfc;
  --ar-success-bg: #002c0e;
  --ar-warning-bg: #2d2102;
  --ar-danger-bg: #490004;
  --ar-info-bg: #002443;
  --ar-chart-1: #2188e0;
  --ar-chart-2: #119355;
  --ar-chart-3: #9d76db;
  --ar-chart-4: #e84f4c;
  --ar-chart-5: #0fa1a7;
  --ar-chart-6: #b18a10;
  --ar-shadow-color: rgb(0 0 0 / 0.72);
  --ar-shadow-hairline: rgb(0 0 0 / 0.28);
}

:root {
  --ar-shadow-none: none;
  --ar-shadow-sm: 0 1px 2px -1px var(--ar-shadow-color), 0 1px 1px -1px var(--ar-shadow-color);
  --ar-shadow-md: 0 2px 4px -2px var(--ar-shadow-color), 0 8px 16px -8px var(--ar-shadow-color);
  --ar-shadow-lg: 0 4px 8px -4px var(--ar-shadow-color), 0 24px 48px -24px var(--ar-shadow-color);
  --ar-shadow-focus: 0 0 0 3px var(--ar-bg), 0 0 0 6px var(--ar-focus);
}