/* Raysuite Design tokens (library version 1).
   Generated from design/raysuite-design/tokens.json by build-tokens.mjs: do not edit by hand.
   Dark values apply under .dark (Rayvent) and [data-theme="dark"] (Raydesk). */
:root {
  --rs-red: #dc0032;
  --rs-red-hsl: 346.4 100% 43.1%;
  --rs-red-hover: #bb0033;
  --rs-red-hover-hsl: 343.6 100% 36.7%;
  --rs-red-pressed: #a90034;
  --rs-red-pressed-hsl: 341.5 100% 33.1%;
  --rs-red-tint: #fdf0f3;
  --rs-red-text: #a90034;
  --rs-red-text-hsl: 341.5 100% 33.1%;
  --rs-on-brand: #ffffff;
  --rs-on-brand-hsl: 0 0% 100%;
  --rs-arsenic: #414042;
  --rs-arsenic-hsl: 270 1.5% 25.5%;
  --rs-grey: #808285;
  --rs-grey-hsl: 216 2% 51.2%;
  --rs-light-grey: #e6e7e8;
  --rs-bg-base: #faf8f5;
  --rs-bg-base-hsl: 36 33.3% 97.1%;
  --rs-bg-surface: #f5f0e8;
  --rs-bg-surface-hsl: 36.9 39.4% 93.5%;
  --rs-bg-elevated: #efebe3;
  --rs-bg-elevated-hsl: 40 27.3% 91.4%;
  --rs-bg-sunken: #e8e3db;
  --rs-bg-sunken-hsl: 36.9 22% 88.4%;
  --rs-sidebar-bg: #f0ebe3;
  --rs-sidebar-bg-hsl: 36.9 30.2% 91.6%;
  --rs-text-primary: #2e2925;
  --rs-text-primary-hsl: 26.7 10.8% 16.3%;
  --rs-text-secondary: #5c554d;
  --rs-text-secondary-hsl: 32 8.9% 33.1%;
  --rs-text-muted: #6e6862;
  --rs-text-muted-hsl: 30 5.8% 40.8%;
  --rs-border-default: #e8e3db;
  --rs-border-default-hsl: 36.9 22% 88.4%;
  --rs-border-strong: #d9d4cc;
  --rs-border-strong-hsl: 36.9 14.6% 82.5%;
  --rs-border-subtle: #f0ebe3;
  --rs-border-subtle-hsl: 36.9 30.2% 91.6%;
  --rs-glass-fill: rgba(255, 255, 255, 0.9);
  --rs-glass-edge: rgba(0, 0, 0, 0.07);
  --rs-glass-active: #ffffff;
  --rs-success-bg: #dcfce7;
  --rs-success-bg-hsl: 140.6 84.2% 92.5%;
  --rs-success-text: #166534;
  --rs-success-text-hsl: 142.8 64.2% 24.1%;
  --rs-danger-bg: #fee2e2;
  --rs-danger-bg-hsl: 0 93.3% 94.1%;
  --rs-danger-text: #991b1b;
  --rs-danger-text-hsl: 0 70% 35.3%;
  --rs-warning-bg: #fef3c7;
  --rs-warning-bg-hsl: 48 96.5% 88.8%;
  --rs-warning-text: #92400e;
  --rs-warning-text-hsl: 22.7 82.5% 31.4%;
  --rs-info-bg: #dbeafe;
  --rs-info-bg-hsl: 214.3 94.6% 92.7%;
  --rs-info-text: #1e40af;
  --rs-info-text-hsl: 225.9 70.7% 40.2%;
  --rs-focus: #1787bf;
  --rs-focus-hsl: 200 78.5% 42%;
  --rs-font-sans: -apple-system, BlinkMacSystemFont, "SF Pro Text", Roboto, "Noto Sans", "Segoe UI", system-ui, sans-serif;
  --rs-type-caption: 500 11px/14px var(--rs-font-sans);
  --rs-type-footnote: 400 13px/18px var(--rs-font-sans);
  --rs-type-subhead: 400 15px/20px var(--rs-font-sans);
  --rs-type-callout: 500 16px/22px var(--rs-font-sans);
  --rs-type-body: 400 16px/24px var(--rs-font-sans);
  --rs-type-headline: 600 17px/22px var(--rs-font-sans);
  --rs-type-title-3: 600 20px/24px var(--rs-font-sans);
  --rs-type-title-2: 700 22px/28px var(--rs-font-sans);
  --rs-type-title-1: 700 28px/34px var(--rs-font-sans);
  --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-radius-sm: 6px;
  --rs-radius-md: 8px;
  --rs-radius-base: 10px;
  --rs-radius-xl: 14px;
  --rs-radius-card: 16px;
  --rs-radius-sheet: 20px;
  --rs-radius-pill: 9999px;
  --rs-shadow-card: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);
  --rs-shadow-glass: 0 4px 14px -8px rgba(0, 0, 0, 0.1);
  --rs-shadow-segment: 0 0 0 1px rgba(0, 0, 0, 0.08), 0 1px 3px rgba(0, 0, 0, 0.06);
  --rs-shadow-menu: 0 12px 32px rgba(0, 0, 0, 0.14), 0 2px 6px rgba(0, 0, 0, 0.06);
  --rs-shadow-tabbar: 0 -2px 10px rgba(0, 0, 0, 0.04);
  --rs-shadow-red: 0 8px 18px -10px rgba(220, 0, 50, 0.7);
  --rs-blur-glass: 26px;
}
.dark, [data-theme="dark"] {
  --rs-red: #dc0032;
  --rs-red-hsl: 346.4 100% 43.1%;
  --rs-red-hover: #bb0033;
  --rs-red-hover-hsl: 343.6 100% 36.7%;
  --rs-red-pressed: #a90034;
  --rs-red-pressed-hsl: 341.5 100% 33.1%;
  --rs-red-tint: rgba(220, 0, 50, 0.18);
  --rs-red-text: #ff8aa3;
  --rs-red-text-hsl: 347.2 100% 77.1%;
  --rs-on-brand: #ffffff;
  --rs-on-brand-hsl: 0 0% 100%;
  --rs-arsenic: #414042;
  --rs-arsenic-hsl: 270 1.5% 25.5%;
  --rs-grey: #a3a3a3;
  --rs-grey-hsl: 0 0% 63.9%;
  --rs-light-grey: rgba(255, 255, 255, 0.12);
  --rs-bg-base: #212121;
  --rs-bg-base-hsl: 0 0% 12.9%;
  --rs-bg-surface: #2f2f2f;
  --rs-bg-surface-hsl: 0 0% 18.4%;
  --rs-bg-elevated: #3a3a3a;
  --rs-bg-elevated-hsl: 0 0% 22.7%;
  --rs-bg-sunken: #1a1a1a;
  --rs-bg-sunken-hsl: 0 0% 10.2%;
  --rs-sidebar-bg: #151414;
  --rs-sidebar-bg-hsl: 0 2.4% 8%;
  --rs-text-primary: #ececec;
  --rs-text-primary-hsl: 0 0% 92.5%;
  --rs-text-secondary: #c5c5c5;
  --rs-text-secondary-hsl: 0 0% 77.3%;
  --rs-text-muted: #a3a3a3;
  --rs-text-muted-hsl: 0 0% 63.9%;
  --rs-border-default: #404040;
  --rs-border-default-hsl: 0 0% 25.1%;
  --rs-border-strong: #565656;
  --rs-border-strong-hsl: 0 0% 33.7%;
  --rs-border-subtle: #2f2f2f;
  --rs-border-subtle-hsl: 0 0% 18.4%;
  --rs-glass-fill: rgba(28, 28, 31, 0.74);
  --rs-glass-edge: rgba(255, 255, 255, 0.12);
  --rs-glass-active: rgba(255, 255, 255, 0.18);
  --rs-success-bg: #12351f;
  --rs-success-bg-hsl: 142.3 49.3% 13.9%;
  --rs-success-text: #86efac;
  --rs-success-text-hsl: 141.7 76.6% 73.1%;
  --rs-danger-bg: #3f1515;
  --rs-danger-bg-hsl: 0 50% 16.5%;
  --rs-danger-text: #fca5a5;
  --rs-danger-text-hsl: 0 93.5% 81.8%;
  --rs-warning-bg: #3a2a12;
  --rs-warning-bg-hsl: 36 52.6% 14.9%;
  --rs-warning-text: #fcd34d;
  --rs-warning-text-hsl: 45.9 96.7% 64.5%;
  --rs-info-bg: #142a4c;
  --rs-info-bg-hsl: 216.4 58.3% 18.8%;
  --rs-info-text: #93c5fd;
  --rs-info-text-hsl: 211.7 96.4% 78.4%;
  --rs-focus: #5aa9d6;
  --rs-focus-hsl: 201.8 60.2% 59.6%;
}