/** Shopify CDN: Minification failed

Line 23:0 All "@import" rules must come first

**/
/* ─────────────────────────────────────────────────────────────
   ORYA — Foundations: color + type tokens
   ───────────────────────────────────────────────────────────── */

/* ---------- 1. Web fonts ---------- */
@font-face { font-family: "Satoshi"; src: url("orya-satoshi-light.otf") format("opentype"); font-weight: 300; font-style: normal; font-display: swap; }
@font-face { font-family: "Satoshi"; src: url("orya-satoshi-light-italic.otf") format("opentype"); font-weight: 300; font-style: italic; font-display: swap; }
@font-face { font-family: "Satoshi"; src: url("orya-satoshi-regular.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "Satoshi"; src: url("orya-satoshi-italic.otf") format("opentype"); font-weight: 400; font-style: italic; font-display: swap; }
@font-face { font-family: "Satoshi"; src: url("orya-satoshi-medium.otf") format("opentype"); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: "Satoshi"; src: url("orya-satoshi-medium-italic.otf") format("opentype"); font-weight: 500; font-style: italic; font-display: swap; }
@font-face { font-family: "Satoshi"; src: url("orya-satoshi-bold.otf") format("opentype"); font-weight: 700; font-style: normal; font-display: swap; }
@font-face { font-family: "Satoshi"; src: url("orya-satoshi-bold-italic.otf") format("opentype"); font-weight: 700; font-style: italic; font-display: swap; }
@font-face { font-family: "Satoshi"; src: url("orya-satoshi-black.otf") format("opentype"); font-weight: 900; font-style: normal; font-display: swap; }
@font-face { font-family: "Satoshi"; src: url("orya-satoshi-black-italic.otf") format("opentype"); font-weight: 900; font-style: italic; font-display: swap; }
@font-face { font-family: "Bethany Elingston"; src: url("orya-bethany-elingston.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; }

@import url("https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:opsz,wght,FILL,GRAD@24,300,0,0&display=swap");

:root {
  --orya-green-900: #0F1F18;
  --orya-green-800: #1B3328;
  --orya-green-700: #28473A;
  --orya-green-500: #4F7361;
  --orya-green-300: #A9C0B3;
  --orya-green-100: #E2EAE5;
  --orya-green-50:  #F2F5F2;
  --orya-orange-600: #E07F00;
  --orya-orange-500: #FF9101;
  --orya-orange-300: #FFB75A;
  --orya-orange-100: #FFEAD0;
  --orya-black: #0B0A07;
  --orya-onyx-900: #18171A;
  --orya-navy-700: #1F2A3A;
  --orya-navy-500: #2E3F58;
  --orya-paper: #F8F6F1;
  --orya-paper-2: #EFEDE7;
  --orya-mist: #E4E1DA;
  --orya-stone: #BFBBB1;
  --orya-graphite: #6E6A63;
  --orya-ink: #1A1815;
  --orya-white: #FFFFFF;
  --orya-app-bg: #0A0A12;
  --orya-app-surface: #14141C;
  --orya-app-surface-2: #1F1F2A;
  --orya-app-line: rgba(255,255,255,0.08);
  --orya-app-text: #F2F2F4;
  --orya-app-text-dim: #9C9CA8;
  --orya-app-purple: #6B2BFF;
  --orya-app-purple-300: #C8B3FF;
  --orya-app-violet: #9D4DFF;
  --orya-heart: #E54848;
  --orya-sleep: #6B2BFF;
  --orya-activity: #FF9101;
  --orya-recovery: #1B3328;
  --orya-stress: #C46A2A;
  --orya-success: #3F8A5C;
  --orya-warn: #C97A1B;
  --orya-error: #B0331E;
  --bg: var(--orya-paper);
  --bg-alt: var(--orya-paper-2);
  --surface: var(--orya-white);
  --fg: var(--orya-ink);
  --fg-2: var(--orya-graphite);
  --fg-muted: var(--orya-stone);
  --line: rgba(11,10,7,0.10);
  --line-strong: rgba(11,10,7,0.22);
  --primary: var(--orya-green-800);
  --on-primary: var(--orya-paper);
  --accent: var(--orya-orange-500);
  --font-display: "Bethany Elingston", "Hoefler Text", Georgia, serif;
  --font-sans: "Satoshi", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, "JetBrains Mono", Menlo, monospace;
  --font-icon: "Material Symbols Rounded";
  --fs-display-xl: clamp(56px, 8vw, 96px);
  --fs-display-lg: clamp(44px, 6vw, 72px);
  --fs-display: clamp(36px, 4.5vw, 56px);
  --fs-h1: clamp(32px, 3.5vw, 44px);
  --fs-h2: 28px;
  --fs-h3: 22px;
  --fs-h4: 18px;
  --fs-body-lg: 18px;
  --fs-body: 16px;
  --fs-body-sm: 14px;
  --fs-eyebrow: 12px;
  --fs-micro: 11px;
  --lh-tight: 1.02;
  --lh-display: 1.08;
  --lh-heading: 1.18;
  --lh-body: 1.55;
  --lh-loose: 1.7;
  --tracking-tight: -0.02em;
  --tracking-normal: 0;
  --tracking-eyebrow: 0.14em;
  --tracking-button: 0.04em;
  --radius-pill: 999px;
  --radius-lg: 20px;
  --radius-md: 12px;
  --radius-sm: 8px;
  --shadow-sm: 0 1px 2px rgba(11,10,7,0.06);
  --shadow-md: 0 8px 24px rgba(11,10,7,0.08);
  --shadow-lg: 0 24px 60px -12px rgba(11,10,7,0.18);
  --shadow-app: 0 8px 24px rgba(0,0,0,0.4);
  --sp-1: 4px; --sp-2: 8px; --sp-3: 12px; --sp-4: 16px;
  --sp-5: 20px; --sp-6: 24px; --sp-8: 32px; --sp-10: 40px;
  --sp-12: 48px; --sp-16: 64px; --sp-20: 80px; --sp-24: 96px;
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --dur-fast: 160ms;
  --dur-base: 240ms;
  --dur-slow: 480ms;
}

html, body { background: var(--bg); color: var(--fg); font-family: var(--font-sans); }

.t-display-xl, h1.display { font-family: var(--font-sans); font-weight: 700; font-size: var(--fs-display-xl); line-height: var(--lh-display); letter-spacing: var(--tracking-tight); }
.t-display     { font-family: var(--font-sans); font-weight: 700; font-size: var(--fs-display); line-height: var(--lh-display); letter-spacing: var(--tracking-tight); }
.t-h1, h1      { font-family: var(--font-sans); font-weight: 700; font-size: var(--fs-h1); line-height: var(--lh-heading); letter-spacing: var(--tracking-tight); }
.t-h2, h2      { font-family: var(--font-sans); font-weight: 600; font-size: var(--fs-h2); line-height: var(--lh-heading); letter-spacing: -0.01em; }
.t-h3, h3      { font-family: var(--font-sans); font-weight: 600; font-size: var(--fs-h3); line-height: var(--lh-heading); }
.t-h4, h4      { font-family: var(--font-sans); font-weight: 600; font-size: var(--fs-h4); line-height: var(--lh-heading); }
.t-body-lg     { font-size: var(--fs-body-lg); line-height: var(--lh-body); color: var(--fg); }
.t-body, p     { font-size: var(--fs-body); line-height: var(--lh-body); color: var(--fg); }
.t-body-sm, small { font-size: var(--fs-body-sm); line-height: var(--lh-body); color: var(--fg-2); }
.t-eyebrow     { font-size: var(--fs-eyebrow); line-height: 1; letter-spacing: var(--tracking-eyebrow); text-transform: uppercase; font-weight: 600; }

.t-italic-accent { font-family: var(--font-display); color: var(--orya-green-800); font-weight: 400; }

.pill { display: inline-flex; align-items: center; gap: 6px; padding: 8px 14px; border-radius: var(--radius-pill); font-size: var(--fs-eyebrow); letter-spacing: var(--tracking-eyebrow); text-transform: uppercase; font-weight: 700; }
.pill--solid   { background: var(--orya-green-800); color: var(--orya-paper); }
.pill--outline { background: transparent; color: var(--orya-green-800); border: 1.5px solid var(--orya-green-800); }
.pill--ghost   { background: rgba(27,51,40,0.08); color: var(--orya-green-800); }

.mi { font-family: var(--font-icon); font-weight: normal; font-style: normal; font-size: 24px; line-height: 1; vertical-align: middle; font-feature-settings: "liga"; -webkit-font-feature-settings: "liga"; -webkit-font-smoothing: antialiased; }