/* ow-tokens sha256:efe66b16f47897619acdcc50a6bc191a9cfdb04c537d68d8921d107e43e59b0b v1 */
/* Generated from openGym frontend/design/openwellness-tokens.json by design/build-tokens.mjs. Do not edit; vendor it unchanged. */

:root {
  color-scheme: light;
  --ow-bg: #F3F3EF;
  --ow-bg-el: #F8F8F5;
  --ow-surface: #FFFFFF;
  --ow-surface-2: #E8E8E2;
  --ow-surface-3: #DCDCD5;
  --ow-ink: #1B1D1B;
  --ow-ink-2: #565A56;
  --ow-ink-3: #80857F;
  --ow-line: rgba(27,29,27,.18);
  --ow-shadow: rgba(27,29,27,.08);
  --ow-accent: #1C6B5E;
  --ow-accent-2: #124C43;
  --ow-on-accent: #FFFFFF;
  --ow-ok: #1D743B;
  --ow-ok-bg: #DDF2E3;
  --ow-warn: #8F5A00;
  --ow-warn-bg: #FBEFD6;
  --ow-danger: #B3261E;
  --ow-danger-bg: #FBE3E1;
  --ow-info: #2F5D85;
  --ow-info-bg: #E1ECF6;
  --ow-macro-carbs: #B87410;
  --ow-macro-fat: #D05536;
  --ow-macro-protein: #1F8E80;
  --ow-accent-soft: color-mix(in srgb, var(--ow-accent) 14%, transparent);
  --ow-focus: var(--ow-accent);
  --ow-font-sans: 'IBM Plex Sans', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --ow-font-mono: ui-monospace, 'IBM Plex Mono', SFMono-Regular, Menlo, Consolas, monospace;
  --ow-text-xs: 13px;
  --ow-text-sm: 15px;
  --ow-text-md: 17px;
  --ow-text-lg: 21px;
  --ow-text-xl: 26px;
  --ow-text-2xl: 32px;
  --ow-leading-body: 1.45;
  --ow-leading-staff: 1.4;
  --ow-r-sm: 8px;
  --ow-r-md: 12px;
  --ow-r-lg: 16px;
  --ow-r-xl: 22px;
  --ow-space-1: 4px;
  --ow-space-2: 8px;
  --ow-space-3: 12px;
  --ow-space-4: 16px;
  --ow-space-5: 24px;
  --ow-space-6: 32px;
  --ow-hair: .5px;
  --ow-touch: 48px;
  --ow-focus-ring: 2.5px solid var(--ow-focus);
  --ow-focus-offset: 2px;
  --ow-ease: cubic-bezier(.32,.72,0,1);
  --ow-fast: 140ms;
  --ow-med: 220ms;
}

:root[data-theme="light"] {
  color-scheme: light;
  --ow-bg: #F3F3EF;
  --ow-bg-el: #F8F8F5;
  --ow-surface: #FFFFFF;
  --ow-surface-2: #E8E8E2;
  --ow-surface-3: #DCDCD5;
  --ow-ink: #1B1D1B;
  --ow-ink-2: #565A56;
  --ow-ink-3: #80857F;
  --ow-line: rgba(27,29,27,.18);
  --ow-shadow: rgba(27,29,27,.08);
  --ow-accent: #1C6B5E;
  --ow-accent-2: #124C43;
  --ow-on-accent: #FFFFFF;
  --ow-ok: #1D743B;
  --ow-ok-bg: #DDF2E3;
  --ow-warn: #8F5A00;
  --ow-warn-bg: #FBEFD6;
  --ow-danger: #B3261E;
  --ow-danger-bg: #FBE3E1;
  --ow-info: #2F5D85;
  --ow-info-bg: #E1ECF6;
  --ow-macro-carbs: #B87410;
  --ow-macro-fat: #D05536;
  --ow-macro-protein: #1F8E80;
}

:root[data-theme="dark"] {
  color-scheme: dark;
  --ow-bg: #141A17;
  --ow-bg-el: #1A211D;
  --ow-surface: #1F2824;
  --ow-surface-2: #2A342E;
  --ow-surface-3: #354039;
  --ow-ink: #F1F3EF;
  --ow-ink-2: #B3BAB4;
  --ow-ink-3: #7F8882;
  --ow-line: rgba(241,243,239,.16);
  --ow-shadow: rgba(0,0,0,.20);
  --ow-accent: #5CCBB2;
  --ow-accent-2: #8FE0CC;
  --ow-on-accent: #06211B;
  --ow-ok: #6FD39A;
  --ow-ok-bg: #15331F;
  --ow-warn: #F2B45A;
  --ow-warn-bg: #3A2A0B;
  --ow-danger: #FF8A80;
  --ow-danger-bg: #3F1613;
  --ow-info: #8AB4F8;
  --ow-info-bg: #152A3F;
  --ow-macro-carbs: #F2B45A;
  --ow-macro-fat: #FF937B;
  --ow-macro-protein: #49C9B8;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme]) {
    color-scheme: dark;
    --ow-bg: #141A17;
    --ow-bg-el: #1A211D;
    --ow-surface: #1F2824;
    --ow-surface-2: #2A342E;
    --ow-surface-3: #354039;
    --ow-ink: #F1F3EF;
    --ow-ink-2: #B3BAB4;
    --ow-ink-3: #7F8882;
    --ow-line: rgba(241,243,239,.16);
    --ow-shadow: rgba(0,0,0,.20);
    --ow-accent: #5CCBB2;
    --ow-accent-2: #8FE0CC;
    --ow-on-accent: #06211B;
    --ow-ok: #6FD39A;
    --ow-ok-bg: #15331F;
    --ow-warn: #F2B45A;
    --ow-warn-bg: #3A2A0B;
    --ow-danger: #FF8A80;
    --ow-danger-bg: #3F1613;
    --ow-info: #8AB4F8;
    --ow-info-bg: #152A3F;
    --ow-macro-carbs: #F2B45A;
    --ow-macro-fat: #FF937B;
    --ow-macro-protein: #49C9B8;
  }
}