/* Varick OS component theme, generated from varick-design/app/globals.css. Do not hand-edit. */
:root,
[data-theme='light'] {
  color-scheme: light;
  --color-surface: #ffffff;
  --color-navy: #002870;
  --color-navy-mid: #3e6fa8;
  --color-ink: #111111;
  --color-ink-soft: #3f3f3f;
  --color-brand: #3b7cf6;
  --color-brand-wash: #e8f1fe;
  --color-brand-text: #2f6be0;
  --color-page: #fbfbfb;
  --color-muted: #f6f6f6;
  --color-muted-fg: #757575;
  --color-fg-low: #b1b1b1;
  --color-hairline: #ebebeb;
  --color-hairline-strong: #dedede;
  --color-hairline-soft: #f0f0f0;
  --color-muted-soft: #fdfdfd;
  --color-destructive: #c93933;
  --color-band: #f3f6fb;
  --color-success: #3e7c4a;
  --color-warn: #b64d05;
  --color-danger: #c93933;
  --color-teal: #0b7c84;
  --color-danger-wash: #fdf6f5;
  --color-label-bg: #fafafa;
  --font-sans: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  --font-mono: 'Menlo', ui-monospace, monospace;
  --font-serif: 'Season Mix', ui-serif, Georgia, 'Times New Roman', serif;
  --radius-rect: 4px;
  --radius-sm: 4px;
  --radius-md: 4px;
  --radius-lg: 8px;
  --radius-xl: 8px;
  --radius-2xl: 8px;
  --ease-out: cubic-bezier(0.23, 1, 0.32, 1);
  --ease-in-out: cubic-bezier(0.77, 0, 0.175, 1);
  --shadow-card: 0 1px 2px rgba(17, 17, 17, 0.04), 0 4px 12px rgba(17, 17, 17, 0.04);
  --shadow-card-hover: 0 2px 4px rgba(17, 17, 17, 0.05), 0 12px 28px rgba(17, 17, 17, 0.07);
  --shadow-tooltip: 0 8px 24px rgba(0, 0, 0, 0.08);
  --shadow-chrome: 0 -1px 1px 0 rgba(255, 255, 255, 0.5) inset, 0 1px 1px 0 rgba(255, 255, 255, 1) inset, 0 2px 4px 0 rgba(17, 17, 17, 0.08);
  --shadow-chrome-lift: 0 1px 1px 0 rgba(255, 255, 255, 1) inset, 0 4px 16px 0 rgba(17, 17, 17, 0.1), 0 1px 2px rgba(17, 17, 17, 0.06);
}

:root[data-theme='dark'],
[data-theme='dark'] {
  color-scheme: dark;
  --color-surface: #121826;
  --color-page: #0d1119;
  --color-muted: #1b2233;
  --color-muted-soft: #161c28;
  --color-muted-fg: #8b96aa;
  --color-fg-low: #4a5468;
  --color-ink: #ffffff;
  --color-ink-soft: #d5dbe5;
  --color-hairline: #232b3b;
  --color-hairline-strong: #2e3749;
  --color-hairline-soft: #1b2233;
  --color-navy: #4a7bbe;
  --color-navy-mid: #6a93cf;
  --color-brand-wash: #14213a;
  --color-brand-text: #8fb4ff;
  --color-band: #111a2c;
  --color-danger-wash: #2a1615;
  --color-label-bg: #161c28;
  --shadow-card: 0 1px 2px rgba(0, 0, 0, 0.3), 0 4px 12px rgba(0, 0, 0, 0.3);
  --shadow-card-hover: 0 2px 4px rgba(0, 0, 0, 0.35), 0 12px 28px rgba(0, 0, 0, 0.4);
  --shadow-tooltip: 0 8px 24px rgba(0, 0, 0, 0.5);
  --shadow-chrome: 0 1px 0 0 rgba(255, 255, 255, 0.06) inset, 0 0 0 1px rgba(255, 255, 255, 0.08), 0 2px 8px rgba(0, 0, 0, 0.5);
  --shadow-chrome-lift: 0 1px 0 0 rgba(255, 255, 255, 0.06) inset, 0 0 0 1px rgba(255, 255, 255, 0.08), 0 8px 24px rgba(0, 0, 0, 0.6);
}