/*
 * Resinen suite · design tokens
 *
 * THREE LAYERS. Primitives (raw OKLCH ramps) feed semantic tokens (what a colour
 * MEANS: surface, text, border, status, app identity), and components only ever
 * read semantic tokens. Change a primitive and every meaning built on it follows;
 * add dark mode and only the semantic layer changes.
 *
 * Rules:
 *  - Components never use a primitive (--rs-orange-600) directly. Use the meaning
 *    (--rs-app-relationships). If a meaning is missing, add it here.
 *  - The brand is ink. The four app colours are identity only: icons, chips, tab
 *    underlines and the switcher, never large fills.
 *  - Saffron (--rs-accent) is for brand moments: marketing, onboarding,
 *    illustration. Not for working screens.
 *  - Money is tabular. Use the .rs-num utility or font-variant-numeric.
 *
 * Generated colour ramps live in the first block; edit the generator notes in
 * packages/suite-tokens/README.md before hand-editing them.
 */

:root {
  /* ── Primitives · colour ─────────────────────────────────────────── */
  /* Neutral: warm clay. Everything structural is built from this ramp. */
  --rs-neutral-50: oklch(0.978 0.006 60);
  --rs-neutral-100: oklch(0.948 0.007 60);
  --rs-neutral-200: oklch(0.895 0.010 60);
  --rs-neutral-300: oklch(0.815 0.012 60);
  --rs-neutral-400: oklch(0.725 0.014 60);
  --rs-neutral-500: oklch(0.645 0.014 60);
  --rs-neutral-600: oklch(0.560 0.014 60);
  --rs-neutral-700: oklch(0.475 0.014 60);
  --rs-neutral-800: oklch(0.385 0.012 60);
  --rs-neutral-900: oklch(0.290 0.011 60);
  --rs-neutral-950: oklch(0.210 0.009 60);
  --rs-neutral-0: oklch(1 0 0);
  --rs-neutral-1000: oklch(0.155 0.006 60);

  /* orange · Relationships */
  --rs-orange-50: oklch(0.978 0.026 45);
  --rs-orange-100: oklch(0.948 0.050 45);
  --rs-orange-200: oklch(0.895 0.083 45);
  --rs-orange-300: oklch(0.815 0.119 45);
  --rs-orange-400: oklch(0.725 0.149 45);
  --rs-orange-500: oklch(0.645 0.165 45);
  --rs-orange-600: oklch(0.560 0.165 45);
  --rs-orange-700: oklch(0.475 0.149 45);
  --rs-orange-800: oklch(0.385 0.124 45);
  --rs-orange-900: oklch(0.290 0.099 45);
  --rs-orange-950: oklch(0.210 0.074 45);

  /* indigo · Structure */
  --rs-indigo-50: oklch(0.978 0.026 268);
  --rs-indigo-100: oklch(0.948 0.048 268);
  --rs-indigo-200: oklch(0.895 0.080 268);
  --rs-indigo-300: oklch(0.815 0.115 268);
  --rs-indigo-400: oklch(0.725 0.144 268);
  --rs-indigo-500: oklch(0.645 0.160 268);
  --rs-indigo-600: oklch(0.560 0.160 268);
  --rs-indigo-700: oklch(0.475 0.144 268);
  --rs-indigo-800: oklch(0.385 0.120 268);
  --rs-indigo-900: oklch(0.290 0.096 268);
  --rs-indigo-950: oklch(0.210 0.072 268);

  /* teal · Strength */
  --rs-teal-50: oklch(0.978 0.018 180);
  --rs-teal-100: oklch(0.948 0.035 180);
  --rs-teal-200: oklch(0.895 0.058 180);
  --rs-teal-300: oklch(0.815 0.083 180);
  --rs-teal-400: oklch(0.725 0.104 180);
  --rs-teal-500: oklch(0.645 0.115 180);
  --rs-teal-600: oklch(0.560 0.115 180);
  --rs-teal-700: oklch(0.475 0.104 180);
  --rs-teal-800: oklch(0.385 0.086 180);
  --rs-teal-900: oklch(0.290 0.069 180);
  --rs-teal-950: oklch(0.210 0.052 180);

  /* violet · Projects */
  --rs-violet-50: oklch(0.978 0.026 300);
  --rs-violet-100: oklch(0.948 0.048 300);
  --rs-violet-200: oklch(0.895 0.080 300);
  --rs-violet-300: oklch(0.815 0.115 300);
  --rs-violet-400: oklch(0.725 0.144 300);
  --rs-violet-500: oklch(0.645 0.160 300);
  --rs-violet-600: oklch(0.560 0.160 300);
  --rs-violet-700: oklch(0.475 0.144 300);
  --rs-violet-800: oklch(0.385 0.120 300);
  --rs-violet-900: oklch(0.290 0.096 300);
  --rs-violet-950: oklch(0.210 0.072 300);

  /* green · positive */
  --rs-green-50: oklch(0.978 0.022 150);
  --rs-green-100: oklch(0.948 0.042 150);
  --rs-green-200: oklch(0.895 0.070 150);
  --rs-green-300: oklch(0.815 0.101 150);
  --rs-green-400: oklch(0.725 0.126 150);
  --rs-green-500: oklch(0.645 0.140 150);
  --rs-green-600: oklch(0.560 0.140 150);
  --rs-green-700: oklch(0.475 0.126 150);
  --rs-green-800: oklch(0.385 0.105 150);
  --rs-green-900: oklch(0.290 0.084 150);
  --rs-green-950: oklch(0.210 0.063 150);

  /* red · negative */
  --rs-red-50: oklch(0.978 0.030 27);
  --rs-red-100: oklch(0.948 0.057 27);
  --rs-red-200: oklch(0.895 0.095 27);
  --rs-red-300: oklch(0.815 0.137 27);
  --rs-red-400: oklch(0.725 0.171 27);
  --rs-red-500: oklch(0.645 0.190 27);
  --rs-red-600: oklch(0.560 0.190 27);
  --rs-red-700: oklch(0.475 0.171 27);
  --rs-red-800: oklch(0.385 0.143 27);
  --rs-red-900: oklch(0.290 0.114 27);
  --rs-red-950: oklch(0.210 0.086 27);

  /* amber · notice */
  --rs-amber-50: oklch(0.978 0.024 78);
  --rs-amber-100: oklch(0.948 0.045 78);
  --rs-amber-200: oklch(0.895 0.075 78);
  --rs-amber-300: oklch(0.815 0.108 78);
  --rs-amber-400: oklch(0.725 0.135 78);
  --rs-amber-500: oklch(0.645 0.150 78);
  --rs-amber-600: oklch(0.560 0.150 78);
  --rs-amber-700: oklch(0.475 0.135 78);
  --rs-amber-800: oklch(0.385 0.112 78);
  --rs-amber-900: oklch(0.290 0.090 78);
  --rs-amber-950: oklch(0.210 0.068 78);

  /* blue · information */
  --rs-blue-50: oklch(0.978 0.022 252);
  --rs-blue-100: oklch(0.948 0.042 252);
  --rs-blue-200: oklch(0.895 0.070 252);
  --rs-blue-300: oklch(0.815 0.101 252);
  --rs-blue-400: oklch(0.725 0.126 252);
  --rs-blue-500: oklch(0.645 0.140 252);
  --rs-blue-600: oklch(0.560 0.140 252);
  --rs-blue-700: oklch(0.475 0.126 252);
  --rs-blue-800: oklch(0.385 0.105 252);
  --rs-blue-900: oklch(0.290 0.084 252);
  --rs-blue-950: oklch(0.210 0.063 252);

  /* saffron · brand moments only: marketing, onboarding, illustration */
  --rs-saffron-50: oklch(0.978 0.026 58);
  --rs-saffron-100: oklch(0.948 0.048 58);
  --rs-saffron-200: oklch(0.895 0.080 58);
  --rs-saffron-300: oklch(0.815 0.115 58);
  --rs-saffron-400: oklch(0.725 0.144 58);
  --rs-saffron-500: oklch(0.645 0.160 58);
  --rs-saffron-600: oklch(0.560 0.160 58);
  --rs-saffron-700: oklch(0.475 0.144 58);
  --rs-saffron-800: oklch(0.385 0.120 58);
  --rs-saffron-900: oklch(0.290 0.096 58);
  --rs-saffron-950: oklch(0.210 0.072 58);


  /* ── Primitives · type ───────────────────────────────────────────── */
  --rs-font-sans: var(--font-jakarta), var(--font-deva), ui-sans-serif, system-ui, "Segoe UI", sans-serif;
  --rs-font-mono: var(--font-plex-mono), ui-monospace, "SF Mono", Menlo, monospace;

  /* Type roles: weight size/line-height, plus tracking. Use these, not raw sizes. */
  --rs-type-display: 700 40px/44px var(--rs-font-sans);
  --rs-type-display-tracking: -0.03em;
  --rs-type-heading-lg: 700 28px/34px var(--rs-font-sans);
  --rs-type-heading-lg-tracking: -0.025em;
  --rs-type-heading: 700 20px/26px var(--rs-font-sans);
  --rs-type-heading-tracking: -0.015em;
  --rs-type-title: 600 16px/22px var(--rs-font-sans);
  --rs-type-title-tracking: -0.01em;
  --rs-type-body-lg: 400 15px/23px var(--rs-font-sans);
  --rs-type-body: 400 14px/21px var(--rs-font-sans);
  --rs-type-body-strong: 600 14px/21px var(--rs-font-sans);
  --rs-type-label: 500 13px/18px var(--rs-font-sans);
  --rs-type-caption: 500 12px/16px var(--rs-font-sans);
  --rs-type-overline: 500 11px/14px var(--rs-font-mono);
  --rs-type-overline-tracking: 0.06em;

  /* ── Primitives · space (4px base, plus 2px for hairline gaps) ────── */
  --rs-space-0: 0px;
  --rs-space-0-5: 2px;
  --rs-space-1: 4px;
  --rs-space-2: 8px;
  --rs-space-3: 12px;
  --rs-space-4: 16px;
  --rs-space-5: 20px;
  --rs-space-6: 24px;
  --rs-space-8: 32px;
  --rs-space-10: 40px;
  --rs-space-12: 48px;
  --rs-space-16: 64px;

  /* ── Primitives · radius (grows with the size of the thing) ───────── */
  --rs-radius-xs: 4px;
  --rs-radius-sm: 6px;
  --rs-radius-md: 8px;
  --rs-radius-lg: 12px;
  --rs-radius-xl: 16px;
  --rs-radius-pill: 999px;

  /* ── Primitives · motion ─────────────────────────────────────────── */
  --rs-duration-instant: 80ms;   /* hover, press */
  --rs-duration-quick: 140ms;    /* small state changes */
  --rs-duration-moderate: 220ms; /* menus, dialogs, tabs */
  --rs-duration-gentle: 420ms;   /* handoffs between apps, first-load reveals */
  --rs-easing-standard: cubic-bezier(0.2, 0.8, 0.2, 1);
  --rs-easing-entrance: cubic-bezier(0, 0, 0.2, 1);
  --rs-easing-exit: cubic-bezier(0.4, 0, 1, 1);
  --rs-easing-emphasis: cubic-bezier(0.2, 0.9, 0.3, 1.2);

  /* ── Density: comfortable by default (Nano, phones). See [data-density]. */
  --rs-row-height: 52px;
  --rs-control-height: 36px;
  --rs-control-height-sm: 30px;
  --rs-cell-padding-x: 16px;

  color-scheme: light;

  /* ── Semantic · light ────────────────────────────────────────────── */

  /* Surfaces */
  --rs-surface-page: var(--rs-neutral-50);
  --rs-surface-raised: var(--rs-neutral-0);
  --rs-surface-sunken: var(--rs-neutral-100);
  --rs-surface-hover: oklch(0.965 0.006 60);
  --rs-surface-overlay: var(--rs-neutral-0);
  --rs-surface-inverse: var(--rs-neutral-900);

  /* Text */
  --rs-text-strong: var(--rs-neutral-950);
  --rs-text-normal: var(--rs-neutral-800);
  --rs-text-muted: var(--rs-neutral-600);
  --rs-text-subtle: var(--rs-neutral-500);
  --rs-text-inverse: var(--rs-neutral-50);
  --rs-text-on-brand: var(--rs-neutral-0);

  /* Borders */
  --rs-border-subtle: var(--rs-neutral-200);
  --rs-border-normal: oklch(0.86 0.011 60);
  --rs-border-strong: var(--rs-neutral-300);

  /* Brand: ink. The four app colours stay free for identity. */
  --rs-brand: var(--rs-neutral-950);
  --rs-brand-hover: var(--rs-neutral-800);
  --rs-brand-pressed: var(--rs-neutral-700);
  --rs-brand-subtle: var(--rs-neutral-100);
  --rs-brand-subtle-text: var(--rs-neutral-900);
  --rs-accent: var(--rs-saffron-500);
  --rs-accent-subtle: var(--rs-saffron-50);

  /* Status, each with a subtle and an intense pair */
  --rs-positive: var(--rs-green-700);
  --rs-positive-subtle: var(--rs-green-50);
  --rs-positive-border: var(--rs-green-200);
  --rs-positive-intense-bg: var(--rs-green-600);
  --rs-positive-intense-fg: var(--rs-neutral-0);
  --rs-negative: var(--rs-red-700);
  --rs-negative-subtle: var(--rs-red-50);
  --rs-negative-border: var(--rs-red-200);
  --rs-negative-intense-bg: var(--rs-red-600);
  --rs-negative-intense-fg: var(--rs-neutral-0);
  --rs-notice: var(--rs-amber-800);
  --rs-notice-subtle: var(--rs-amber-50);
  --rs-notice-border: var(--rs-amber-200);
  --rs-notice-intense-bg: var(--rs-amber-400);
  --rs-notice-intense-fg: var(--rs-neutral-950);
  --rs-information: var(--rs-blue-700);
  --rs-information-subtle: var(--rs-blue-50);
  --rs-information-border: var(--rs-blue-200);
  --rs-information-intense-bg: var(--rs-blue-600);
  --rs-information-intense-fg: var(--rs-neutral-0);
  --rs-neutral: var(--rs-neutral-600);
  --rs-neutral-subtle: var(--rs-neutral-100);
  --rs-neutral-border: var(--rs-neutral-200);
  --rs-neutral-intense-bg: var(--rs-neutral-800);
  --rs-neutral-intense-fg: var(--rs-neutral-0);

  /* Apps: identity only (icons, chips, tab underlines, the switcher). Never large fills. */
  --rs-app-relationships: var(--rs-orange-600);
  --rs-app-relationships-subtle: var(--rs-orange-50);
  --rs-app-relationships-border: var(--rs-orange-200);
  --rs-app-structure: var(--rs-indigo-600);
  --rs-app-structure-subtle: var(--rs-indigo-50);
  --rs-app-structure-border: var(--rs-indigo-200);
  --rs-app-strength: var(--rs-teal-600);
  --rs-app-strength-subtle: var(--rs-teal-50);
  --rs-app-strength-border: var(--rs-teal-200);
  --rs-app-projects: var(--rs-violet-600);
  --rs-app-projects-subtle: var(--rs-violet-50);
  --rs-app-projects-border: var(--rs-violet-200);

  /* Tiers */
  --rs-tier-nano-bg: var(--rs-neutral-100);
  --rs-tier-nano-fg: var(--rs-neutral-800);
  --rs-tier-pro-bg: var(--rs-neutral-950);
  --rs-tier-pro-fg: var(--rs-neutral-0);
  --rs-tier-ultra-bg: var(--rs-neutral-950);
  --rs-tier-ultra-fg: var(--rs-amber-300);

  /* 15x26 verification */
  --rs-verified: var(--rs-green-600);

  /* Focus, elevation, scrim */
  --rs-focus-ring: oklch(0.55 0.02 60 / 0.55);
  --rs-elevation-low: 0 1px 2px oklch(0.25 0.02 60 / 0.06);
  --rs-elevation-mid: 0 1px 2px oklch(0.25 0.02 60 / 0.05), 0 6px 16px -6px oklch(0.25 0.02 60 / 0.10);
  --rs-elevation-high: 0 2px 4px oklch(0.25 0.02 60 / 0.05), 0 18px 44px -14px oklch(0.25 0.02 60 / 0.24);
  --rs-scrim: oklch(0.2 0.01 60 / 0.36);
}

[data-density="compact"] {
  --rs-row-height: 38px;
  --rs-control-height: 30px;
  --rs-control-height-sm: 26px;
  --rs-cell-padding-x: 12px;
}

/* Dark follows the device unless the user picked a theme. Kept identical to the
   [data-theme="dark"] block below: this file is generated, so they cannot drift. */
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    color-scheme: dark;
    --rs-surface-page: var(--rs-neutral-1000);
    --rs-surface-raised: oklch(0.195 0.007 60);
    --rs-surface-sunken: oklch(0.175 0.006 60);
    --rs-surface-hover: oklch(0.225 0.008 60);
    --rs-surface-overlay: oklch(0.225 0.008 60);
    --rs-surface-inverse: var(--rs-neutral-100);
    --rs-text-strong: var(--rs-neutral-50);
    --rs-text-normal: var(--rs-neutral-200);
    --rs-text-muted: var(--rs-neutral-400);
    --rs-text-subtle: var(--rs-neutral-500);
    --rs-text-inverse: var(--rs-neutral-950);
    --rs-text-on-brand: var(--rs-neutral-950);
    --rs-border-subtle: oklch(0.25 0.008 60);
    --rs-border-normal: oklch(0.29 0.009 60);
    --rs-border-strong: oklch(0.37 0.011 60);
    --rs-brand: var(--rs-neutral-50);
    --rs-brand-hover: var(--rs-neutral-0);
    --rs-brand-pressed: var(--rs-neutral-200);
    --rs-brand-subtle: oklch(0.25 0.008 60);
    --rs-brand-subtle-text: var(--rs-neutral-100);
    --rs-accent: var(--rs-saffron-400);
    --rs-accent-subtle: oklch(0.28 0.05 58);
    --rs-positive: var(--rs-green-300);
    --rs-positive-subtle: oklch(0.26 0.045 150);
    --rs-positive-border: oklch(0.36 0.07 150);
    --rs-positive-intense-bg: var(--rs-green-400);
    --rs-positive-intense-fg: var(--rs-neutral-1000);
    --rs-negative: var(--rs-red-300);
    --rs-negative-subtle: oklch(0.27 0.06 27);
    --rs-negative-border: oklch(0.38 0.09 27);
    --rs-negative-intense-bg: var(--rs-red-400);
    --rs-negative-intense-fg: var(--rs-neutral-1000);
    --rs-notice: var(--rs-amber-300);
    --rs-notice-subtle: oklch(0.28 0.05 78);
    --rs-notice-border: oklch(0.38 0.07 78);
    --rs-notice-intense-bg: var(--rs-amber-300);
    --rs-notice-intense-fg: var(--rs-neutral-1000);
    --rs-information: var(--rs-blue-300);
    --rs-information-subtle: oklch(0.26 0.045 252);
    --rs-information-border: oklch(0.37 0.07 252);
    --rs-information-intense-bg: var(--rs-blue-400);
    --rs-information-intense-fg: var(--rs-neutral-1000);
    --rs-neutral: var(--rs-neutral-400);
    --rs-neutral-subtle: oklch(0.25 0.008 60);
    --rs-neutral-border: oklch(0.32 0.01 60);
    --rs-neutral-intense-bg: var(--rs-neutral-200);
    --rs-neutral-intense-fg: var(--rs-neutral-1000);
    --rs-app-relationships: var(--rs-orange-400);
    --rs-app-relationships-subtle: oklch(0.27 0.05 45);
    --rs-app-relationships-border: oklch(0.38 0.08 45);
    --rs-app-structure: var(--rs-indigo-400);
    --rs-app-structure-subtle: oklch(0.26 0.05 268);
    --rs-app-structure-border: oklch(0.37 0.08 268);
    --rs-app-strength: var(--rs-teal-400);
    --rs-app-strength-subtle: oklch(0.26 0.035 180);
    --rs-app-strength-border: oklch(0.37 0.06 180);
    --rs-app-projects: var(--rs-violet-400);
    --rs-app-projects-subtle: oklch(0.26 0.05 300);
    --rs-app-projects-border: oklch(0.37 0.08 300);
    --rs-tier-nano-bg: oklch(0.25 0.008 60);
    --rs-tier-nano-fg: var(--rs-neutral-200);
    --rs-tier-pro-bg: var(--rs-neutral-50);
    --rs-tier-pro-fg: var(--rs-neutral-1000);
    --rs-tier-ultra-bg: oklch(0.12 0.006 60);
    --rs-tier-ultra-fg: var(--rs-amber-300);
    --rs-verified: var(--rs-green-400);
    --rs-focus-ring: oklch(0.8 0.02 60 / 0.55);
    --rs-elevation-low: 0 1px 2px oklch(0 0 0 / 0.35);
    --rs-elevation-mid: 0 1px 2px oklch(0 0 0 / 0.35), 0 6px 16px -6px oklch(0 0 0 / 0.45);
    --rs-elevation-high: 0 2px 4px oklch(0 0 0 / 0.35), 0 18px 44px -14px oklch(0 0 0 / 0.7);
    --rs-scrim: oklch(0.05 0.01 60 / 0.6);
  }
}

[data-theme="dark"] {
  color-scheme: dark;
  --rs-surface-page: var(--rs-neutral-1000);
  --rs-surface-raised: oklch(0.195 0.007 60);
  --rs-surface-sunken: oklch(0.175 0.006 60);
  --rs-surface-hover: oklch(0.225 0.008 60);
  --rs-surface-overlay: oklch(0.225 0.008 60);
  --rs-surface-inverse: var(--rs-neutral-100);
  --rs-text-strong: var(--rs-neutral-50);
  --rs-text-normal: var(--rs-neutral-200);
  --rs-text-muted: var(--rs-neutral-400);
  --rs-text-subtle: var(--rs-neutral-500);
  --rs-text-inverse: var(--rs-neutral-950);
  --rs-text-on-brand: var(--rs-neutral-950);
  --rs-border-subtle: oklch(0.25 0.008 60);
  --rs-border-normal: oklch(0.29 0.009 60);
  --rs-border-strong: oklch(0.37 0.011 60);
  --rs-brand: var(--rs-neutral-50);
  --rs-brand-hover: var(--rs-neutral-0);
  --rs-brand-pressed: var(--rs-neutral-200);
  --rs-brand-subtle: oklch(0.25 0.008 60);
  --rs-brand-subtle-text: var(--rs-neutral-100);
  --rs-accent: var(--rs-saffron-400);
  --rs-accent-subtle: oklch(0.28 0.05 58);
  --rs-positive: var(--rs-green-300);
  --rs-positive-subtle: oklch(0.26 0.045 150);
  --rs-positive-border: oklch(0.36 0.07 150);
  --rs-positive-intense-bg: var(--rs-green-400);
  --rs-positive-intense-fg: var(--rs-neutral-1000);
  --rs-negative: var(--rs-red-300);
  --rs-negative-subtle: oklch(0.27 0.06 27);
  --rs-negative-border: oklch(0.38 0.09 27);
  --rs-negative-intense-bg: var(--rs-red-400);
  --rs-negative-intense-fg: var(--rs-neutral-1000);
  --rs-notice: var(--rs-amber-300);
  --rs-notice-subtle: oklch(0.28 0.05 78);
  --rs-notice-border: oklch(0.38 0.07 78);
  --rs-notice-intense-bg: var(--rs-amber-300);
  --rs-notice-intense-fg: var(--rs-neutral-1000);
  --rs-information: var(--rs-blue-300);
  --rs-information-subtle: oklch(0.26 0.045 252);
  --rs-information-border: oklch(0.37 0.07 252);
  --rs-information-intense-bg: var(--rs-blue-400);
  --rs-information-intense-fg: var(--rs-neutral-1000);
  --rs-neutral: var(--rs-neutral-400);
  --rs-neutral-subtle: oklch(0.25 0.008 60);
  --rs-neutral-border: oklch(0.32 0.01 60);
  --rs-neutral-intense-bg: var(--rs-neutral-200);
  --rs-neutral-intense-fg: var(--rs-neutral-1000);
  --rs-app-relationships: var(--rs-orange-400);
  --rs-app-relationships-subtle: oklch(0.27 0.05 45);
  --rs-app-relationships-border: oklch(0.38 0.08 45);
  --rs-app-structure: var(--rs-indigo-400);
  --rs-app-structure-subtle: oklch(0.26 0.05 268);
  --rs-app-structure-border: oklch(0.37 0.08 268);
  --rs-app-strength: var(--rs-teal-400);
  --rs-app-strength-subtle: oklch(0.26 0.035 180);
  --rs-app-strength-border: oklch(0.37 0.06 180);
  --rs-app-projects: var(--rs-violet-400);
  --rs-app-projects-subtle: oklch(0.26 0.05 300);
  --rs-app-projects-border: oklch(0.37 0.08 300);
  --rs-tier-nano-bg: oklch(0.25 0.008 60);
  --rs-tier-nano-fg: var(--rs-neutral-200);
  --rs-tier-pro-bg: var(--rs-neutral-50);
  --rs-tier-pro-fg: var(--rs-neutral-1000);
  --rs-tier-ultra-bg: oklch(0.12 0.006 60);
  --rs-tier-ultra-fg: var(--rs-amber-300);
  --rs-verified: var(--rs-green-400);
  --rs-focus-ring: oklch(0.8 0.02 60 / 0.55);
  --rs-elevation-low: 0 1px 2px oklch(0 0 0 / 0.35);
  --rs-elevation-mid: 0 1px 2px oklch(0 0 0 / 0.35), 0 6px 16px -6px oklch(0 0 0 / 0.45);
  --rs-elevation-high: 0 2px 4px oklch(0 0 0 / 0.35), 0 18px 44px -14px oklch(0 0 0 / 0.7);
  --rs-scrim: oklch(0.05 0.01 60 / 0.6);
}