/* Generated from tokens.json. Do not edit. */
/* Ringly design system v1.11.1, 2026-11-06 */
:root {
  --rly-brand-50: #fafaf9;
  --rly-brand-100: #f5f5f4;
  --rly-brand-200: #e7e5e4;
  --rly-brand-300: #d6d3d1;
  --rly-brand-400: #a8a29e;
  --rly-brand-500: #78716c;
  --rly-brand-600: #57534e;
  --rly-brand-700: #44403c;
  --rly-brand-800: #292524;
  --rly-brand-900: #1c1917;
  --rly-brand-950: #0c0a09;
  --rly-grayblue-200: #d5d9eb;
  --rly-grayblue-300: #b3b8db;
  --rly-grayblue-500: #4e5ba6;
  --rly-grayblue-600: #3e4784;
  --rly-grayblue-700: #363f72;
  --rly-grayblue-800: #293056;
  --rly-error-25: #fffbfa;
  --rly-error-50: #fef3f2;
  --rly-error-100: #fee4e2;
  --rly-error-200: #fecdca;
  --rly-error-300: #fda29b;
  --rly-error-400: #f97066;
  --rly-error-500: #f04438;
  --rly-error-600: #d92d20;
  --rly-error-700: #b42318;
  --rly-error-800: #912018;
  --rly-error-900: #7a271a;
  --rly-error-950: #55160c;
  --rly-warning-25: #fffcf5;
  --rly-warning-50: #fffaeb;
  --rly-warning-100: #fef0c7;
  --rly-warning-200: #fedf89;
  --rly-warning-300: #fec84b;
  --rly-warning-400: #fdb022;
  --rly-warning-500: #f79009;
  --rly-warning-600: #dc6803;
  --rly-warning-700: #b54708;
  --rly-warning-800: #93370d;
  --rly-warning-900: #7a2e0e;
  --rly-warning-950: #4e1d09;
  --rly-success-25: #f6fef9;
  --rly-success-50: #ecfdf3;
  --rly-success-100: #dcfae6;
  --rly-success-200: #abefc6;
  --rly-success-300: #75e0a7;
  --rly-success-400: #47cd89;
  --rly-success-500: #17b26a;
  --rly-success-600: #079455;
  --rly-success-700: #067647;
  --rly-success-800: #085d3a;
  --rly-success-900: #074d31;
  --rly-success-950: #053321;
  --rly-blue-50: #eff4ff;
  --rly-blue-200: #b2ccff;
  --rly-blue-300: #84adff;
  --rly-blue-500: #2970ff;
  --rly-blue-700: #004eeb;
  --rly-blue-800: #0040c1;
  --rly-blue-950: #002266;
  --rly-indigo-50: #eef4ff;
  --rly-indigo-200: #c7d7fe;
  --rly-indigo-300: #a4bcfd;
  --rly-indigo-500: #6172f3;
  --rly-indigo-700: #3538cd;
  --rly-indigo-800: #2d31a6;
  --rly-indigo-950: #1f235b;
  --rly-purple-50: #f4f3ff;
  --rly-purple-200: #d9d6fe;
  --rly-purple-300: #bdb4fe;
  --rly-purple-500: #7a5af8;
  --rly-purple-700: #5925dc;
  --rly-purple-800: #4a1fb8;
  --rly-purple-950: #27115f;
  --rly-pink-50: #fdf2fa;
  --rly-pink-200: #fcceee;
  --rly-pink-300: #faa7e0;
  --rly-pink-500: #ee46bc;
  --rly-pink-700: #c11574;
  --rly-pink-800: #9e165f;
  --rly-pink-950: #4e0d30;
  --rly-orange-50: #fef6ee;
  --rly-orange-200: #f9dbaf;
  --rly-orange-300: #f7b27a;
  --rly-orange-500: #ef6820;
  --rly-orange-700: #b93815;
  --rly-orange-800: #932f19;
  --rly-orange-950: #511c10;
  --rly-base-white: #ffffff;
  --rly-base-black: #000000;
  --rly-text-primary: #1c1917;
  --rly-text-secondary: #44403c;
  --rly-text-tertiary: #57534e;
  --rly-text-muted: #78716c;
  --rly-text-placeholder: #78716c;
  --rly-text-disabled: #a8a29e;
  --rly-text-on-solid: #ffffff;
  --rly-bg-page: #ffffff;
  --rly-bg-raised: #ffffff;
  --rly-bg-surface: #fafaf9;
  --rly-bg-surface-hover: #f5f5f4;
  --rly-bg-muted: #f5f5f4;
  --rly-bg-strong: #e7e5e4;
  --rly-bg-sweep: #f5f5f4;
  --rly-bg-tooltip: #1c1917;
  --rly-bg-overlay: #0c0a09;
  --rly-border-default: #e7e5e4;
  --rly-border-strong: #d6d3d1;
  --rly-border-subtle: #f5f5f4;
  --rly-border-error: #fda29b;
  --rly-solid-default: #1c1917;
  --rly-solid-hover: #0c0a09;
  --rly-solid-success: #079455;
  --rly-solid-on: #17b26a;
  --rly-link-default: #363f72;
  --rly-link-hover: #293056;
  --rly-link-icon: #4e5ba6;
  --rly-link-icon-hover: #3e4784;
  --rly-focus-ring: #78716c;
  --rly-focus-ring-error: #f04438;
  --rly-fg-brand-primary: #57534e;
  --rly-chart-line: #2970ff;
  --rly-chart-fill: #eff4ff;
  --rly-tint-gray-fill: #fafaf9;
  --rly-tint-gray-ring: #e7e5e4;
  --rly-tint-gray-text: #44403c;
  --rly-tint-gray-icon: #78716c;
  --rly-tint-success-fill: #ecfdf3;
  --rly-tint-success-ring: #abefc6;
  --rly-tint-success-text: #067647;
  --rly-tint-success-icon: #17b26a;
  --rly-tint-warning-fill: #fffaeb;
  --rly-tint-warning-ring: #fedf89;
  --rly-tint-warning-text: #b54708;
  --rly-tint-warning-icon: #f79009;
  --rly-tint-error-fill: #fef3f2;
  --rly-tint-error-ring: #fecdca;
  --rly-tint-error-text: #b42318;
  --rly-tint-error-icon: #f04438;
  --rly-tint-blue-fill: #eff4ff;
  --rly-tint-blue-ring: #b2ccff;
  --rly-tint-blue-text: #004eeb;
  --rly-tint-blue-icon: #2970ff;
  --rly-tint-indigo-fill: #eef4ff;
  --rly-tint-indigo-ring: #c7d7fe;
  --rly-tint-indigo-text: #3538cd;
  --rly-tint-indigo-icon: #6172f3;
  --rly-tint-purple-fill: #f4f3ff;
  --rly-tint-purple-ring: #d9d6fe;
  --rly-tint-purple-text: #5925dc;
  --rly-tint-purple-icon: #7a5af8;
  --rly-tint-pink-fill: #fdf2fa;
  --rly-tint-pink-ring: #fcceee;
  --rly-tint-pink-text: #c11574;
  --rly-tint-pink-icon: #ee46bc;
  --rly-tint-orange-fill: #fef6ee;
  --rly-tint-orange-ring: #f9dbaf;
  --rly-tint-orange-text: #b93815;
  --rly-tint-orange-icon: #ef6820;
  --rly-grid-line: #eeedeb;
  --rly-grid-mark: #d6d3d1;
  --rly-map-land: #d6d3d1;
  --rly-map-near: #e7e5e4;
  --rly-glow-purple: #7a5af8;
  --rly-glow-pink: #ee46bc;
  --rly-glow-red: #f04438;
  --rly-glow-orange: #f79009;
  --rly-glow-sweep: linear-gradient(90deg, var(--rly-glow-purple), var(--rly-glow-pink) 42%, var(--rly-glow-red) 72%, var(--rly-glow-orange));
  --rly-glow-ring: transparent 0turn, transparent 0.42turn, color-mix(in srgb, var(--rly-glow-purple) 55%, transparent) 0.58turn, var(--rly-glow-purple) 0.72turn, var(--rly-glow-pink) 0.82turn, var(--rly-glow-red) 0.9turn, var(--rly-glow-orange) 0.97turn, transparent 1turn;
  --rly-glow-turn: 3.2s;
  --rly-duration-hover: 100ms;
  --rly-duration-menu: 150ms;
  --rly-duration-close: 200ms;
  --rly-duration-open: 300ms;
  --rly-duration-toggle: 320ms;
  --rly-duration-slow: 500ms;
  --rly-duration-spin: 1000ms;
  --rly-duration-film-enter: 600ms;
  --rly-duration-film-camera: 900ms;
  --rly-ease-linear: linear;
  --rly-ease-out: cubic-bezier(0, 0, 0.2, 1);
  --rly-ease-in: cubic-bezier(0.4, 0, 1, 1);
  --rly-ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
  --rly-ease-spring: cubic-bezier(0.34, 1.4, 0.5, 1);
  --rly-ease-film-enter: cubic-bezier(0.33, 1, 0.68, 1);
  --rly-ease-film-camera: cubic-bezier(0.65, 0, 0.35, 1);
  --rly-ease-film-land: cubic-bezier(0.16, 1, 0.3, 1);
  --rly-emerald-dark-50: #022c22;
  --rly-emerald-dark-100: #064e3b;
  --rly-emerald-dark-200: #065f46;
  --rly-emerald-dark-300: #047857;
  --rly-emerald-dark-400: #059669;
  --rly-emerald-dark-500: #10b981;
  --rly-emerald-dark-600: #34d399;
  --rly-emerald-dark-700: #6ee7b7;
  --rly-font-display: Geist;
  --rly-font-body: Inter;
  --rly-font-display-app: Inter Display;
  --rly-size-text-xs: 0.75rem;
  --rly-size-text-xs-line: 1.125rem;
  --rly-size-text-sm: 0.875rem;
  --rly-size-text-sm-line: 1.25rem;
  --rly-size-text-md: 1rem;
  --rly-size-text-md-line: 1.5rem;
  --rly-size-text-lg: 1.125rem;
  --rly-size-text-lg-line: 1.75rem;
  --rly-size-text-xl: 1.25rem;
  --rly-size-text-xl-line: 1.875rem;
  --rly-size-display-xs: 1.5rem;
  --rly-size-display-xs-line: 2rem;
  --rly-size-display-sm: 1.875rem;
  --rly-size-display-sm-line: 2.375rem;
  --rly-size-display-md: 2.25rem;
  --rly-size-display-md-line: 2.75rem;
  --rly-size-display-lg: 3rem;
  --rly-size-display-lg-line: 3.75rem;
  --rly-size-display-xl: 3.75rem;
  --rly-size-display-xl-line: 4.5rem;
  --rly-size-display-2xl: 4.5rem;
  --rly-size-display-2xl-line: 5.625rem;
  --rly-space-2: 2px;
  --rly-space-4: 4px;
  --rly-space-6: 6px;
  --rly-space-8: 8px;
  --rly-space-10: 10px;
  --rly-space-12: 12px;
  --rly-space-16: 16px;
  --rly-space-20: 20px;
  --rly-space-24: 24px;
  --rly-space-32: 32px;
  --rly-space-40: 40px;
  --rly-space-48: 48px;
  --rly-radius-badge: 6px;
  --rly-radius-button: 8px;
  --rly-radius-card: 12px;
  --rly-radius-popup: 16px;
  --rly-radius-pill: 999px;
  --rly-shadow-xs: 0 1px 2px rgba(10,13,18,0.05);
  --rly-shadow-xs-skeuomorphic: 0 1px 2px rgba(10,13,18,0.05), inset 0 0 0 1px rgba(10,13,18,0.18), inset 0 -2px 0 rgba(10,13,18,0.05);
  --rly-shadow-sm: 0 1px 3px rgba(10,13,18,0.10), 0 1px 2px -1px rgba(10,13,18,0.10);
  --rly-shadow-knob: 0 0 0 0.5px rgba(12,10,9,0.06), 0 2px 6px rgba(12,10,9,0.16), 0 1px 1px rgba(12,10,9,0.06);
  --rly-shadow-md: 0 4px 6px -1px rgba(10,13,18,0.10), 0 2px 4px -2px rgba(10,13,18,0.06);
  --rly-shadow-lg: 0 12px 16px -4px rgba(10,13,18,0.08), 0 4px 6px -2px rgba(10,13,18,0.03), 0 2px 2px -1px rgba(10,13,18,0.04);
  --rly-shadow-xl: 0 20px 24px -4px rgba(10,13,18,0.08), 0 8px 8px -4px rgba(10,13,18,0.03), 0 3px 3px -1.5px rgba(10,13,18,0.04);
  --rly-shadow-card: 0 1px 2px rgba(10,13,18,0.05);
  --rly-shadow-floating: 0 4px 24px rgba(0,0,0,0.05);
  --rly-shadow-featured-icon: 0 0 0 1px rgba(0,0,0,0.1), 0 1px 2px rgba(0,0,0,0.1), 0 3px 3px rgba(0,0,0,0.09), 1px 8px 5px rgba(0,0,0,0.05), 0 0 0 1px rgba(0,0,0,0.08), 1px 13px 5px rgba(0,0,0,0.01), inset 0 -2px 2px rgba(0,0,0,0.13);
}

/* Dark mode. Only the meaning names change, the ramps never do. Put data-theme="dark" on <html>,
   or the class dark-theme (what the Bubble app uses). Anything not listed here is the same in both. */
[data-theme="dark"], .dark-theme {
  --rly-text-primary: #fafaf9;
  --rly-text-secondary: #d6d3d1;
  --rly-text-tertiary: #a8a29e;
  --rly-text-muted: #a8a29e;
  --rly-text-disabled: #57534e;
  --rly-text-on-solid: #1c1917;
  --rly-bg-page: #0c0a09;
  --rly-bg-raised: #1c1917;
  --rly-bg-surface: #1c1917;
  --rly-bg-surface-hover: #292524;
  --rly-bg-muted: #292524;
  --rly-bg-strong: #44403c;
  --rly-bg-sweep: #57534e;
  --rly-bg-tooltip: #292524;
  --rly-bg-overlay: #292524;
  --rly-border-default: #292524;
  --rly-border-strong: #44403c;
  --rly-border-subtle: #292524;
  --rly-border-error: #f04438;
  --rly-solid-default: #f5f5f4;
  --rly-solid-hover: #ffffff;
  --rly-solid-success: #079455;
  --rly-solid-on: #17b26a;
  --rly-link-default: #b3b8db;
  --rly-link-hover: #d5d9eb;
  --rly-link-icon: #b3b8db;
  --rly-link-icon-hover: #d5d9eb;
  --rly-fg-brand-primary: #78716c;
  --rly-chart-fill: #002266;
  --rly-tint-gray-fill: #1c1917;
  --rly-tint-gray-ring: #44403c;
  --rly-tint-gray-text: #d6d3d1;
  --rly-tint-success-fill: #053321;
  --rly-tint-success-ring: #085d3a;
  --rly-tint-success-text: #75e0a7;
  --rly-tint-warning-fill: #4e1d09;
  --rly-tint-warning-ring: #93370d;
  --rly-tint-warning-text: #fec84b;
  --rly-tint-error-fill: #55160c;
  --rly-tint-error-ring: #912018;
  --rly-tint-error-text: #fda29b;
  --rly-tint-blue-fill: #002266;
  --rly-tint-blue-ring: #0040c1;
  --rly-tint-blue-text: #84adff;
  --rly-tint-indigo-fill: #1f235b;
  --rly-tint-indigo-ring: #2d31a6;
  --rly-tint-indigo-text: #a4bcfd;
  --rly-tint-purple-fill: #27115f;
  --rly-tint-purple-ring: #4a1fb8;
  --rly-tint-purple-text: #bdb4fe;
  --rly-tint-pink-fill: #4e0d30;
  --rly-tint-pink-ring: #9e165f;
  --rly-tint-pink-text: #faa7e0;
  --rly-tint-orange-fill: #511c10;
  --rly-tint-orange-ring: #932f19;
  --rly-tint-orange-text: #f7b27a;
  --rly-grid-line: #292524;
  --rly-grid-mark: #44403c;
  --rly-map-land: #44403c;
  --rly-map-near: #292524;
  --rly-shadow-featured-icon: 0 0 0 1px #292524, 0 1px 2px rgba(0,0,0,0.3), 0 3px 3px rgba(0,0,0,0.27), 1px 8px 5px rgba(0,0,0,0.15), 0 0 0 1px rgba(0,0,0,0.24), 1px 13px 5px rgba(0,0,0,0.03), inset 0 -2px 2px rgba(0,0,0,0.3);
}

/* Follow the device. Put data-theme="auto" on <html> and the page goes dark when the device is set
   to dark. Opt-in on purpose: a page that loads this file without asking stays light. */
@media (prefers-color-scheme: dark) {
  [data-theme="auto"] {
    --rly-text-primary: #fafaf9;
    --rly-text-secondary: #d6d3d1;
    --rly-text-tertiary: #a8a29e;
    --rly-text-muted: #a8a29e;
    --rly-text-disabled: #57534e;
    --rly-text-on-solid: #1c1917;
    --rly-bg-page: #0c0a09;
    --rly-bg-raised: #1c1917;
    --rly-bg-surface: #1c1917;
    --rly-bg-surface-hover: #292524;
    --rly-bg-muted: #292524;
    --rly-bg-strong: #44403c;
    --rly-bg-sweep: #57534e;
    --rly-bg-tooltip: #292524;
    --rly-bg-overlay: #292524;
    --rly-border-default: #292524;
    --rly-border-strong: #44403c;
    --rly-border-subtle: #292524;
    --rly-border-error: #f04438;
    --rly-solid-default: #f5f5f4;
    --rly-solid-hover: #ffffff;
    --rly-solid-success: #079455;
    --rly-solid-on: #17b26a;
    --rly-link-default: #b3b8db;
    --rly-link-hover: #d5d9eb;
    --rly-link-icon: #b3b8db;
    --rly-link-icon-hover: #d5d9eb;
    --rly-fg-brand-primary: #78716c;
    --rly-chart-fill: #002266;
    --rly-tint-gray-fill: #1c1917;
    --rly-tint-gray-ring: #44403c;
    --rly-tint-gray-text: #d6d3d1;
    --rly-tint-success-fill: #053321;
    --rly-tint-success-ring: #085d3a;
    --rly-tint-success-text: #75e0a7;
    --rly-tint-warning-fill: #4e1d09;
    --rly-tint-warning-ring: #93370d;
    --rly-tint-warning-text: #fec84b;
    --rly-tint-error-fill: #55160c;
    --rly-tint-error-ring: #912018;
    --rly-tint-error-text: #fda29b;
    --rly-tint-blue-fill: #002266;
    --rly-tint-blue-ring: #0040c1;
    --rly-tint-blue-text: #84adff;
    --rly-tint-indigo-fill: #1f235b;
    --rly-tint-indigo-ring: #2d31a6;
    --rly-tint-indigo-text: #a4bcfd;
    --rly-tint-purple-fill: #27115f;
    --rly-tint-purple-ring: #4a1fb8;
    --rly-tint-purple-text: #bdb4fe;
    --rly-tint-pink-fill: #4e0d30;
    --rly-tint-pink-ring: #9e165f;
    --rly-tint-pink-text: #faa7e0;
    --rly-tint-orange-fill: #511c10;
    --rly-tint-orange-ring: #932f19;
    --rly-tint-orange-text: #f7b27a;
    --rly-grid-line: #292524;
    --rly-grid-mark: #44403c;
    --rly-map-land: #44403c;
    --rly-map-near: #292524;
    --rly-shadow-featured-icon: 0 0 0 1px #292524, 0 1px 2px rgba(0,0,0,0.3), 0 3px 3px rgba(0,0,0,0.27), 1px 8px 5px rgba(0,0,0,0.15), 0 0 0 1px rgba(0,0,0,0.24), 1px 13px 5px rgba(0,0,0,0.03), inset 0 -2px 2px rgba(0,0,0,0.3);
  }
}