/*
    i-Fit Design Tokens — v1.2 dual-theme palette
    ------------------------------------------------------------
    This file is the single source of truth for colors.
    Load order:
      main.css -> ifit-tokens.css -> ifit-core.css -> page CSS

    Theme model:
      - Dark is the default to preserve the current product experience.
      - html[data-ifit-theme="light"] activates the light palette.
      - Sheets, popups and controls follow the selected theme.
      - QR codes and document previews may remain white for scan/print fidelity.
      - Do not add page-specific hex colors when an existing token fits.
*/

:root {
    color-scheme: dark;
    /* Brand purple — anchored to the approved #461472 direction. */
    --ifit-v2-purple-950: #230735;
    --ifit-v2-purple-900: #2f0b49;
    --ifit-v2-purple-800: #38105a;
    --ifit-v2-purple: #461472;
    --ifit-v2-purple-600: #5b1d8b;
    --ifit-v2-purple-500: #7131a0;
    --ifit-v2-purple-on-dark: #7131a0;
    --ifit-v2-purple-on-dark-hover: #8046a8;
    --ifit-v2-interactive-purple: #925cc0;
    --ifit-v2-interactive-purple-rgb: 146, 92, 192;
    --ifit-v2-purple-light: #c5a7d8;
    --ifit-v2-purple-ink: #c5a7d8;
    --ifit-v2-purple-soft: #eee5f5;
    --ifit-v2-purple-softest: #f7f2fa;
    --ifit-v2-purple-rgb: 70, 20, 114;
    --ifit-v2-brand-on-solid: #ffffff;

    /* Legacy dark-mode aliases used by mainV2; body overrides remain fixed. */
    --mainPurple-dark: var(--ifit-v2-purple);
    --mainGreen-dark: var(--ifit-v2-command);

    /* Dark app surfaces. */
    --ifit-v2-app-bg: #2a2435;
    --ifit-v2-surface-deep: #151018;
    --ifit-v2-surface-1: #201d26;
    --ifit-v2-surface-2: #2c2733;
    --ifit-v2-surface-card: #362d42;
    --ifit-v2-surface-raised: #3b3148;
    --ifit-v2-surface-hover: #42364f;
    --ifit-v2-card-footer-bg: color-mix(in srgb, var(--ifit-v2-surface-deep) 22%, transparent);
    --ifit-v2-panel-background:
        linear-gradient(135deg, rgba(var(--ifit-v2-interactive-purple-rgb), .11), rgba(var(--ifit-v2-interactive-purple-rgb), .03) 48%, transparent 82%),
        var(--ifit-v2-surface-deep);
    --ifit-v2-navigation-active-icon: var(--ifit-v2-command);

    /* Fixed media, overlay and browser-output roles. */
    --ifit-v2-media-bg: #000000;
    --ifit-v2-media-control: #ffffff;
    --ifit-v2-media-scrim: rgba(0, 0, 0, .72);
    --ifit-v2-media-scrim-soft: rgba(0, 0, 0, .46);
    --ifit-v2-media-thumbnail-scrim: rgba(0, 0, 0, .22);
    --ifit-v2-media-control-bg: rgba(21, 16, 24, .82);
    --ifit-v2-media-control-border: rgba(255, 255, 255, .20);
    --ifit-v2-media-control-muted: rgba(255, 255, 255, .55);
    --ifit-v2-media-label-bg: rgba(0, 0, 0, .35);
    --ifit-v2-media-backdrop: rgba(8, 5, 12, .84);
    --ifit-v2-popup-backdrop: rgba(18, 18, 30, .78);
    --ifit-v2-confirm-backdrop: rgba(18, 12, 24, .60);
    --ifit-v2-photo-scrim: rgba(21, 16, 24, .68);
    --ifit-v2-photo-scrim-strong: rgba(21, 16, 24, .84);
    --ifit-v2-glass-highlight: rgba(255, 255, 255, .08);
    --ifit-v2-glass-highlight-strong: rgba(255, 255, 255, .18);
    --ifit-v2-watermark-ink: #000000;
    --ifit-v2-contrast-surface: #ffffff;
    --ifit-v2-contrast-surface-muted: rgba(255, 255, 255, .92);
    --ifit-v2-contrast-surface-text: #241b2a;
    --ifit-v2-contrast-surface-border: rgba(36, 27, 42, .14);
    --ifit-v2-toggle-track-off: #d9d0df;
    --ifit-v2-control-shadow-color: rgba(36, 27, 42, .18);
    --ifit-v2-qr-background: #ffffff;
    --ifit-v2-qr-foreground: #241b2a;
    --ifit-v2-qr-accent: #1ed760;
    --ifit-v2-pdf-qr-foreground: #111111;
    --ifit-v2-pdf-link: #17677d;
    --ifit-v2-browser-theme-color: var(--ifit-v2-app-bg);

    /* Text on dark surfaces. */
    --ifit-v2-text-primary: #f4eff8;
    --ifit-v2-text-secondary: rgba(244, 239, 248, .78);
    --ifit-v2-text-muted: rgba(244, 239, 248, .58);
    --ifit-v2-text-faint: rgba(244, 239, 248, .52);
    --ifit-v2-text-primary-rgb: 244, 239, 248;

    /* Borders on dark surfaces. */
    --ifit-v2-border-soft-dark: rgba(244, 239, 248, .055);
    --ifit-v2-border-dark: rgba(244, 239, 248, .10);
    --ifit-v2-border-strong-dark: rgba(244, 239, 248, .16);

    /* Popup/sheet aliases retained for compatibility; they now follow theme. */
    --ifit-v2-light-bg: #201d26;
    --ifit-v2-light-surface: #2c2733;
    --ifit-v2-light-surface-raised: #362d42;
    --ifit-v2-light-text: #f4eff8;
    --ifit-v2-light-text-secondary: rgba(244, 239, 248, .82);
    --ifit-v2-light-text-muted: rgba(244, 239, 248, .68);
    --ifit-v2-light-border: rgba(244, 239, 248, .12);
    --ifit-v2-light-border-strong: rgba(244, 239, 248, .22);
    --ifit-v2-light-purple-soft: rgba(128, 70, 168, .16);
    --ifit-v2-light-purple-border: rgba(197, 167, 216, .40);

    /* Semantic colors — one meaning everywhere. */
    --ifit-v2-command: #b8ff00;
    --ifit-v2-command-ink: #b8ff00;
    --ifit-v2-command-text: #201724;
    --ifit-v2-command-on-solid: var(--ifit-v2-command-text);
    --ifit-v2-success: #42dc78;
    --ifit-v2-success-ink: #42dc78;
    --ifit-v2-success-accent: #42dc78;
    --ifit-v2-success-strong: #1ed760;
    --ifit-v2-success-on-solid: #201724;
    --ifit-v2-warning: #f9af0f;
    --ifit-v2-warning-dark: #c98200;
    --ifit-v2-warning-soft: #ffc171;
    --ifit-v2-warning-accent: #f9af0f;
    --ifit-v2-warning-on-solid: #201724;
    --ifit-v2-danger: #d7263d;
    --ifit-v2-danger-ink: #ff8b8b;
    --ifit-v2-danger-hover: #ee354c;
    --ifit-v2-danger-on-solid: #ffffff;
    --ifit-v2-info: #67b7ff;
    --ifit-v2-info-ink: #67b7ff;
    --ifit-v2-info-accent: #67b7ff;
    --ifit-v2-info-solid: #2f6fab;
    --ifit-v2-info-solid-hover: #285f92;
    --ifit-v2-info-on-solid: #ffffff;
    --ifit-v2-special: #ff86bd;
    --ifit-v2-special-accent: #ff86bd;
    --ifit-v2-special-on-solid: #201724;
    --ifit-v2-action-blue: #2b5cff;

    /* Semantic RGB helpers for alpha colors. */
    --ifit-v2-command-rgb: 184, 255, 0;
    --ifit-v2-success-rgb: 66, 220, 120;
    --ifit-v2-warning-rgb: 249, 175, 15;
    --ifit-v2-danger-rgb: 215, 38, 61;
    --ifit-v2-info-rgb: 103, 183, 255;
    --ifit-v2-special-rgb: 255, 134, 189;

    /* Workout slot identity palette. Categories are not status colors. */
    --ifit-v2-slot-a: #22c55e;
    --ifit-v2-slot-a-soft: rgba(34, 197, 94, .14);
    --ifit-v2-slot-b: #f59e0b;
    --ifit-v2-slot-b-soft: rgba(245, 158, 11, .14);
    --ifit-v2-slot-c: #8b5cf6;
    --ifit-v2-slot-c-soft: rgba(139, 92, 246, .14);
    --ifit-v2-slot-d: #0ea5e9;
    --ifit-v2-slot-d-soft: rgba(14, 165, 233, .14);
    --ifit-v2-slot-e: #ec4899;
    --ifit-v2-slot-e-soft: rgba(236, 72, 153, .13);
    --ifit-v2-slot-f: #14b8a6;
    --ifit-v2-slot-f-soft: rgba(20, 184, 166, .13);
    --ifit-v2-slot-g: #ef4444;
    --ifit-v2-slot-g-soft: rgba(239, 68, 68, .13);
    --ifit-v2-slot-h: #6366f1;
    --ifit-v2-slot-h-soft: rgba(99, 102, 241, .13);

    /* Meal-type identity palette shared by design and public plan views. */
    --ifit-v2-meal-before-breakfast: #ffd166;
    --ifit-v2-meal-before-breakfast-soft: rgba(255, 209, 102, .11);
    --ifit-v2-meal-breakfast: #ff9f5a;
    --ifit-v2-meal-breakfast-soft: rgba(255, 159, 90, .11);
    --ifit-v2-meal-between: #63d7bd;
    --ifit-v2-meal-between-soft: rgba(99, 215, 189, .11);
    --ifit-v2-meal-lunch: var(--ifit-v2-info);
    --ifit-v2-meal-lunch-soft: rgba(var(--ifit-v2-info-rgb), .11);
    --ifit-v2-meal-dinner: #b69cff;
    --ifit-v2-meal-dinner-soft: rgba(182, 156, 255, .11);
    --ifit-v2-meal-supplement: var(--ifit-v2-special);
    --ifit-v2-meal-supplement-soft: rgba(var(--ifit-v2-special-rgb), .11);
    --ifit-v2-meal-before-workout: #f8cf4f;
    --ifit-v2-meal-before-workout-soft: rgba(248, 207, 79, .11);
    --ifit-v2-meal-after-workout: #55d98b;
    --ifit-v2-meal-after-workout-soft: rgba(85, 217, 139, .11);
    --ifit-v2-meal-before-sleep: #91a7ff;
    --ifit-v2-meal-before-sleep-soft: rgba(145, 167, 255, .11);

    /* Stable avatar identity colors. */
    --ifit-v2-avatar-ring: rgba(255, 255, 255, .12);
    --ifit-v2-avatar-tone-1: #7835b2;
    --ifit-v2-avatar-tone-2: #c14b00;
    --ifit-v2-avatar-tone-3: #087a45;
    --ifit-v2-avatar-tone-4: #b8276b;
    --ifit-v2-avatar-tone-5: #0b69b3;

    /*
       Isolated compatibility palette for legacy UI rules.
       New component work must use the semantic tokens above.
    */
    --ifit-v2-legacy-000000-rgb: 0, 0, 0;
    --ifit-v2-legacy-008006-rgb: 0, 128, 6;
    --ifit-v2-legacy-040404-rgb: 4, 4, 4;
    --ifit-v2-legacy-060408-rgb: 6, 4, 8;
    --ifit-v2-legacy-07546d: #07546d;
    --ifit-v2-legacy-08050c-rgb: 8, 5, 12;
    --ifit-v2-legacy-080b18-rgb: 8, 11, 24;
    --ifit-v2-legacy-080f18-rgb: 8, 15, 24;
    --ifit-v2-legacy-084520-rgb: 8, 69, 32;
    --ifit-v2-legacy-087596: #087596;
    --ifit-v2-legacy-091f27-rgb: 9, 31, 39;
--ifit-v2-legacy-0d0910-rgb: 13, 9, 16;
    --ifit-v2-legacy-0d1300: #0d1300;
    --ifit-v2-legacy-0f0a13-rgb: 15, 10, 19;
    --ifit-v2-legacy-0f0b12-rgb: 15, 11, 18;
    --ifit-v2-legacy-0f1218-rgb: 15, 18, 24;
    --ifit-v2-legacy-0f1720: #0f1720;
    --ifit-v2-legacy-0f172a-rgb: 15, 23, 42;
    --ifit-v2-legacy-0f4c63: #0f4c63;
    --ifit-v2-legacy-111827: #111827;
    --ifit-v2-legacy-120c18-rgb: 18, 12, 24;
    --ifit-v2-legacy-120f17-rgb: 18, 15, 23;
    --ifit-v2-legacy-121820-rgb: 18, 24, 32;
    --ifit-v2-legacy-123b22: #123b22;
    --ifit-v2-legacy-143845-rgb: 20, 56, 69;
    --ifit-v2-legacy-151018-rgb: 21, 16, 24;
    --ifit-v2-legacy-15803d: #15803d;
    --ifit-v2-legacy-16161c-rgb: 22, 22, 28;
    --ifit-v2-legacy-16713a: #16713a;
--ifit-v2-legacy-16a34a: #16a34a;
    --ifit-v2-legacy-16a34a-rgb: 22, 163, 74;
    --ifit-v2-legacy-17131c: #17131c;
    --ifit-v2-legacy-171f17: #171f17;
    --ifit-v2-legacy-172027: #172027;
    --ifit-v2-legacy-172027-rgb: 23, 32, 39;
    --ifit-v2-legacy-172033: #172033;
    --ifit-v2-legacy-181420-rgb: 24, 20, 32;
    --ifit-v2-legacy-1a161d: #1a161d;
    --ifit-v2-legacy-1a333d-rgb: 26, 51, 61;
    --ifit-v2-legacy-1b9f66: #1b9f66;
    --ifit-v2-legacy-1c1c22-rgb: 28, 28, 34;
    --ifit-v2-legacy-1c697d: #1c697d;
    --ifit-v2-legacy-1d1923-rgb: 29, 25, 35;
    --ifit-v2-legacy-1d4ed8: #1d4ed8;
    --ifit-v2-legacy-1f1717: #1f1717;
    --ifit-v2-legacy-1f1f1f: #1f1f1f;
    --ifit-v2-legacy-1f2430: #1f2430;
    --ifit-v2-legacy-1f2937: #1f2937;
    --ifit-v2-legacy-201724-rgb: 32, 23, 36;
    --ifit-v2-legacy-201d26-rgb: 32, 29, 38;
    --ifit-v2-legacy-20232d-rgb: 32, 35, 45;
    --ifit-v2-legacy-20252a: #20252a;
    --ifit-v2-legacy-222222: #222222;
--ifit-v2-legacy-237a00: #237a00;
    --ifit-v2-legacy-241b16: #241b16;
    --ifit-v2-legacy-24202a: #24202a;
    --ifit-v2-legacy-2483a3: #2483a3;
    --ifit-v2-legacy-252932: #252932;
    --ifit-v2-legacy-2563eb: #2563eb;
    --ifit-v2-legacy-25f2f6b57a: rgb(30,215,96);
    --ifit-v2-legacy-25f58e: #25f58e;
    --ifit-v2-legacy-25f58e-rgb: 37, 245, 142;
    --ifit-v2-legacy-26212e: #26212e;
    --ifit-v2-legacy-26313d: #26313d;
    --ifit-v2-legacy-2a69a3: #2a69a3;
    --ifit-v2-legacy-2b210f: #2b210f;
    --ifit-v2-legacy-2b2337: #2b2337;
    --ifit-v2-legacy-2b2533: #2b2533;
    --ifit-v2-legacy-2b2533-rgb: 43, 37, 51;
    --ifit-v2-legacy-2b2b36: #2b2b36;
    --ifit-v2-legacy-2c1c08: #2c1c08;
    --ifit-v2-legacy-2d1e0d: #2d1e0d;
    --ifit-v2-legacy-2f3340: #2f3340;
    --ifit-v2-legacy-2f412f: #2f412f;
--ifit-v2-legacy-30283c: #30283c;
    --ifit-v2-legacy-30293a: #30293a;
    --ifit-v2-legacy-30323b: #30323b;
    --ifit-v2-legacy-333333: #333333;
    --ifit-v2-legacy-334155: #334155;
    --ifit-v2-legacy-342e3f: #342e3f;
    --ifit-v2-legacy-362d42-rgb: 54, 45, 66;
    --ifit-v2-legacy-36303e: #36303e;
    --ifit-v2-legacy-363980: #363980;
    --ifit-v2-legacy-374151: #374151;
    --ifit-v2-legacy-376cf6: #376cf6;
    --ifit-v2-legacy-382f46: #382f46;
    --ifit-v2-legacy-3ac800: #3ac800;
    --ifit-v2-legacy-3b3148-rgb: 59, 49, 72;
    --ifit-v2-legacy-3b82f6-rgb: 59, 130, 246;
    --ifit-v2-legacy-3d2b13: #3d2b13;
    --ifit-v2-legacy-3d2b13-rgb: 61, 43, 19;
    --ifit-v2-legacy-3d3343: #3d3343;
    --ifit-v2-legacy-3e8bd8: #3e8bd8;
    --ifit-v2-legacy-3f404b: #3f404b;
    --ifit-v2-legacy-40364e-rgb: 64, 54, 78;
    --ifit-v2-legacy-41392f: #41392f;
    --ifit-v2-legacy-423653: #423653;
    --ifit-v2-legacy-437f64: #437f64;
    --ifit-v2-legacy-444444: #444444;
    --ifit-v2-legacy-452500-rgb: 69, 37, 0;
    --ifit-v2-legacy-45545c: #45545c;
    --ifit-v2-legacy-490070: #490070;
    --ifit-v2-legacy-490070-rgb: 73, 0, 112;
--ifit-v2-legacy-4a464e-rgb: 74, 70, 78;
    --ifit-v2-legacy-4c4651: #4c4651;
    --ifit-v2-legacy-4f7ee8: #4f7ee8;
--ifit-v2-legacy-5272a6: #5272a6;
    --ifit-v2-legacy-573100-rgb: 87, 49, 0;
    --ifit-v2-legacy-5f5b62-rgb: 95, 91, 98;
--ifit-v2-legacy-646464-rgb: 100, 100, 100;
    --ifit-v2-legacy-64748b: #64748b;
    --ifit-v2-legacy-64748b-rgb: 100, 116, 139;
--ifit-v2-legacy-69757d: #69757d;
    --ifit-v2-legacy-6b7280: #6b7280;
    --ifit-v2-legacy-6b7280-rgb: 107, 114, 128;
    --ifit-v2-legacy-6d28d9: #6d28d9;
    --ifit-v2-legacy-6e07c7: #6e07c7;
--ifit-v2-legacy-706b70: #706b70;
--ifit-v2-legacy-76530a: #76530a;
--ifit-v2-legacy-78909a: #78909a;
    --ifit-v2-legacy-79c9df: #79c9df;
--ifit-v2-legacy-7c3aed: #7c3aed;
    --ifit-v2-legacy-7c3aed-rgb: 124, 58, 237;
    --ifit-v2-legacy-7f1d1d: #7f1d1d;
    --ifit-v2-legacy-7f1d1d-rgb: 127, 29, 29;
    --ifit-v2-legacy-7fff95: #7fff95;
--ifit-v2-legacy-8800fd: #8800fd;
    --ifit-v2-legacy-888888: #888888;
    --ifit-v2-legacy-898994: #898994;
    --ifit-v2-legacy-8a31d7: #8a31d7;
    --ifit-v2-legacy-8a6673: #8a6673;
--ifit-v2-legacy-8aa0a8: #8aa0a8;
    --ifit-v2-legacy-8b5cf6-rgb: 139, 92, 246;
    --ifit-v2-legacy-8b67d7: #8b67d7;
    --ifit-v2-legacy-8b909c: #8b909c;
--ifit-v2-legacy-8f9be0: #8f9be0;
    --ifit-v2-legacy-8fff62: #8fff62;
--ifit-v2-legacy-93a6ff: #93a6ff;
    --ifit-v2-legacy-93a6ff-rgb: 147, 166, 255;
    --ifit-v2-legacy-94a3b8: #94a3b8;
    --ifit-v2-legacy-95670a: #95670a;
    --ifit-v2-legacy-96a1a7: #96a1a7;
    --ifit-v2-legacy-9aa1ad: #9aa1ad;
    --ifit-v2-legacy-9aafff: #9aafff;
    --ifit-v2-legacy-9b5ac6: #9b5ac6;
    --ifit-v2-legacy-9b6bff: #9b6bff;
--ifit-v2-legacy-a51f32: #a51f32;
    --ifit-v2-legacy-a5afbd: #a5afbd;
    --ifit-v2-legacy-a679ff: #a679ff;
    --ifit-v2-legacy-a76513: #a76513;
    --ifit-v2-legacy-a7abb4: #a7abb4;
    --ifit-v2-legacy-a8a8a8: #a8a8a8;
    --ifit-v2-legacy-a95d5d: #a95d5d;
    --ifit-v2-legacy-a9b8ff: #a9b8ff;
    --ifit-v2-legacy-aa48ff: #aa48ff;
    --ifit-v2-legacy-aaaaaa: #aaaaaa;
    --ifit-v2-legacy-aeff00-rgb: 174, 255, 0;
    --ifit-v2-legacy-b07813: #b07813;
    --ifit-v2-legacy-b50000-rgb: 181, 0, 0;
    --ifit-v2-legacy-b58fff-rgb: 181, 143, 255;
--ifit-v2-legacy-b87300: #b87300;
    --ifit-v2-legacy-b8bac0: #b8bac0;
    --ifit-v2-legacy-b8c0cc: #b8c0cc;
--ifit-v2-legacy-beff00-rgb: 190, 255, 0;
    --ifit-v2-legacy-beff0b: #beff0b;
    --ifit-v2-legacy-beff0b-rgb: 190, 255, 11;
--ifit-v2-legacy-bfd0ea: #bfd0ea;
    --ifit-v2-legacy-c0165f: #c0165f;
    --ifit-v2-legacy-c0c0c0: #c0c0c0;
    --ifit-v2-legacy-c2185b: #c2185b;
    --ifit-v2-legacy-c2410c: #c2410c;
--ifit-v2-legacy-c37929: #c37929;
    --ifit-v2-legacy-c46a00: #c46a00;
    --ifit-v2-legacy-c4a4ff-rgb: 196, 164, 255;
    --ifit-v2-legacy-c4ccff: #c4ccff;
--ifit-v2-legacy-c5a7ff: #c5a7ff;
    --ifit-v2-legacy-c5a7ff-rgb: 197, 167, 255;
    --ifit-v2-legacy-c6c2ce: #c6c2ce;
    --ifit-v2-legacy-c9c5d1: #c9c5d1;
--ifit-v2-legacy-cdcdd1: #cdcdd1;
--ifit-v2-legacy-d2d8e2: #d2d8e2;
    --ifit-v2-legacy-d5dbe4: #d5dbe4;
    --ifit-v2-legacy-d62828: #d62828;
    --ifit-v2-legacy-d62828-rgb: 214, 40, 40;
    --ifit-v2-legacy-d66f00: #d66f00;
    --ifit-v2-legacy-d6d6d8: #d6d6d8;
--ifit-v2-legacy-d7d3dd: #d7d3dd;
    --ifit-v2-legacy-d7dde6: #d7dde6;
--ifit-v2-legacy-d8c4ff: #d8c4ff;
    --ifit-v2-legacy-d8e1e4: #d8e1e4;
    --ifit-v2-legacy-d8e6e9: #d8e6e9;
    --ifit-v2-legacy-d97706: #d97706;
    --ifit-v2-legacy-d9dee7: #d9dee7;
    --ifit-v2-legacy-d9e0ea: #d9e0ea;
    --ifit-v2-legacy-dbe3ff: #dbe3ff;
    --ifit-v2-legacy-dc2626: #dc2626;
    --ifit-v2-legacy-dce6e9: #dce6e9;
    --ifit-v2-legacy-dd6b91: #dd6b91;
    --ifit-v2-legacy-dddddd: #dddddd;
    --ifit-v2-legacy-ddf59d: #ddf59d;
    --ifit-v2-legacy-ddff82: #ddff82;
    --ifit-v2-legacy-dedee2: #dedee2;
    --ifit-v2-legacy-dfe3ea: #dfe3ea;
    --ifit-v2-legacy-dfe8ff: #dfe8ff;
--ifit-v2-legacy-e0e0e0: #e0e0e0;
--ifit-v2-legacy-e3dfe8: #e3dfe8;
    --ifit-v2-legacy-e50000: #e50000;
    --ifit-v2-legacy-e50000-rgb: 229, 0, 0;
    --ifit-v2-legacy-e5b06a: #e5b06a;
    --ifit-v2-legacy-e5d8ff: #e5d8ff;
    --ifit-v2-legacy-e5dcee-rgb: 229, 220, 238;
    --ifit-v2-legacy-e5e7eb: #e5e7eb;
    --ifit-v2-legacy-e5e9eb: #e5e9eb;
    --ifit-v2-legacy-e5ffe5: #e5ffe5;
    --ifit-v2-legacy-e7a16d: #e7a16d;
    --ifit-v2-legacy-e7d5f1: #e7d5f1;
    --ifit-v2-legacy-e7dfec: #e7dfec;
    --ifit-v2-legacy-e7eef1: #e7eef1;
    --ifit-v2-legacy-e85a2f: #e85a2f;
--ifit-v2-legacy-e98200: #e98200;
    --ifit-v2-legacy-e9ffaf: #e9ffaf;
    --ifit-v2-legacy-ea46b25f19: rgb(247,147,30);
    --ifit-v2-legacy-ebe5f2-rgb: 235, 229, 242;
    --ifit-v2-legacy-ecfdf3: #ecfdf3;
    --ifit-v2-legacy-ecffcf: #ecffcf;
    --ifit-v2-legacy-ede7f4-rgb: 237, 231, 244;
    --ifit-v2-legacy-edf1f2: #edf1f2;
    --ifit-v2-legacy-ee8f22: #ee8f22;
    --ifit-v2-legacy-eee6f4-rgb: 238, 230, 244;
    --ifit-v2-legacy-eeeeee: #eeeeee;
    --ifit-v2-legacy-eef1f5: #eef1f5;
    --ifit-v2-legacy-eef2f7: #eef2f7;
    --ifit-v2-legacy-eef3f4: #eef3f4;
    --ifit-v2-legacy-eef6fa: #eef6fa;
--ifit-v2-legacy-ef4444-rgb: 239, 68, 68;
    --ifit-v2-legacy-ef9a35: #ef9a35;
    --ifit-v2-legacy-f05a1a: #f05a1a;
    --ifit-v2-legacy-f0b0f5: #f0b0f5;
    --ifit-v2-legacy-f15a24: #f15a24;
    --ifit-v2-legacy-f1edf4: #f1edf4;
    --ifit-v2-legacy-f1eff3: #f1eff3;
    --ifit-v2-legacy-f28c18: #f28c18;
    --ifit-v2-legacy-f28c18-rgb: 242, 140, 24;
    --ifit-v2-legacy-f2f2f3: #f2f2f3;
    --ifit-v2-legacy-f2f3f5: #f2f3f5;
    --ifit-v2-legacy-f3f4f6: #f3f4f6;
    --ifit-v2-legacy-f4f4f4: #f4f4f4;
    --ifit-v2-legacy-f59b31: #f59b31;
    --ifit-v2-legacy-f59e0b-rgb: 245, 158, 11;
    --ifit-v2-legacy-f5f9fa: #f5f9fa;
    --ifit-v2-legacy-f6a62c: #f6a62c;
    --ifit-v2-legacy-f6d8f8: #f6d8f8;
    --ifit-v2-legacy-f6f8fb: #f6f8fb;
    --ifit-v2-legacy-f6fafb: #f6fafb;
--ifit-v2-legacy-f7931e: #f7931e;
    --ifit-v2-legacy-f7931e-rgb: 247, 147, 30;
    --ifit-v2-legacy-f7f8fa: #f7f8fa;
    --ifit-v2-legacy-f7fbfc: #f7fbfc;
    --ifit-v2-legacy-f7fbff: #f7fbff;
    --ifit-v2-legacy-f8effc: #f8effc;
    --ifit-v2-legacy-f8fafc: #f8fafc;
--ifit-v2-legacy-f8fcfd: #f8fcfd;
    --ifit-v2-legacy-f8ffee: #f8ffee;
    --ifit-v2-legacy-f9f9f9: #f9f9f9;
    --ifit-v2-legacy-f9fafb: #f9fafb;
    --ifit-v2-legacy-fafcfc: #fafcfc;
    --ifit-v2-legacy-fbfbfb: #fbfbfb;
    --ifit-v2-legacy-fbfbfc: #fbfbfc;
    --ifit-v2-legacy-fbfcfe: #fbfcfe;
    --ifit-v2-legacy-fceaff: #fceaff;
    --ifit-v2-legacy-fef2f2-rgb: 254, 242, 242;
    --ifit-v2-legacy-ff0000-rgb: 255, 0, 0;
    --ifit-v2-legacy-ff0004-rgb: 255, 0, 4;
    --ifit-v2-legacy-ff4242: #ff4242;
    --ifit-v2-legacy-ff4242-rgb: 255, 66, 66;
    --ifit-v2-legacy-ff5f5f: #ff5f5f;
    --ifit-v2-legacy-ff8a00-rgb: 255, 138, 0;
    --ifit-v2-legacy-ff8e00-rgb: 255, 142, 0;
    --ifit-v2-legacy-ff91aa-rgb: 255, 145, 170;
    --ifit-v2-legacy-ff982b: #ff982b;
    --ifit-v2-legacy-ff9900-rgb: 255, 153, 0;
    --ifit-v2-legacy-ff9a2c-rgb: 255, 154, 44;
    --ifit-v2-legacy-ff9b2c: #ff9b2c;
--ifit-v2-legacy-ff9f2f: #ff9f2f;
    --ifit-v2-legacy-ff9f2f-rgb: 255, 159, 47;
    --ifit-v2-legacy-ffa62b-rgb: 255, 166, 43;
    --ifit-v2-legacy-ffa638: #ffa638;
    --ifit-v2-legacy-ffac30: #ffac30;
    --ifit-v2-legacy-ffad32: #ffad32;
    --ifit-v2-legacy-ffad3e: #ffad3e;
    --ifit-v2-legacy-ffad3e-rgb: 255, 173, 62;
    --ifit-v2-legacy-ffae2c: #ffae2c;
    --ifit-v2-legacy-ffae39-rgb: 255, 174, 57;
    --ifit-v2-legacy-ffb12d: #ffb12d;
    --ifit-v2-legacy-ffb346: #ffb346;
    --ifit-v2-legacy-ffb347: #ffb347;
    --ifit-v2-legacy-ffb347-rgb: 255, 179, 71;
    --ifit-v2-legacy-ffb541: #ffb541;
    --ifit-v2-legacy-ffb84f: #ffb84f;
    --ifit-v2-legacy-ffb94f: #ffb94f;
    --ifit-v2-legacy-ffbe75: #ffbe75;
    --ifit-v2-legacy-ffc05d: #ffc05d;
--ifit-v2-legacy-ffc668: #ffc668;
    --ifit-v2-legacy-ffcb61: #ffcb61;
    --ifit-v2-legacy-ffe4c6: #ffe4c6;
    --ifit-v2-legacy-ffe7d8: #ffe7d8;
--ifit-v2-legacy-ffecd8: #ffecd8;
    --ifit-v2-legacy-fff4dd: #fff4dd;
    --ifit-v2-legacy-fff5f9: #fff5f9;
    --ifit-v2-legacy-fff7ed: #fff7ed;
    --ifit-v2-legacy-fffaf3: #fffaf3;
    --ifit-v2-legacy-fffafd: #fffafd;
    --ifit-v2-legacy-ffffff-rgb: 255, 255, 255;
    /*
       Isolated compatibility palette for legacy UI rules.
       New component work must use the semantic tokens above.
    */
/* Theme-aware data-URI controls live here instead of component files. */
    --ifit-v2-select-chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9' viewBox='0 0 14 9'%3E%3Cpath d='M2 2l5 5 5-5' fill='none' stroke='%23d4cbd9' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    --ifit-v2-exit-chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9' viewBox='0 0 14 9'%3E%3Cpath d='M2 2l5 5 5-5' fill='none' stroke='%23dbe4e7' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");

    /* Shadows. */
    --ifit-v2-shadow-dark-sm: 0 8px 24px rgba(8, 5, 12, .14);
    --ifit-v2-shadow-dark-md: 0 18px 46px rgba(8, 5, 12, .20);
    --ifit-v2-shadow-light-sm: 0 8px 24px rgba(8, 5, 12, .20);
    --ifit-v2-shadow-light-md: 0 18px 48px rgba(8, 5, 12, .30);
    --ifit-v2-shadow-light-lg: 0 26px 70px rgba(8, 5, 12, .40);
    --ifit-v2-shadow-contrast-control: 0 7px 18px rgba(0, 0, 0, .16), inset 0 1px 0 rgba(255, 255, 255, .72);
    --ifit-v2-shadow-media: 0 24px 70px rgba(0, 0, 0, .40);
    --ifit-v2-shadow-media-close: 0 10px 28px rgba(0, 0, 0, .25);
    --ifit-v2-shadow-avatar: inset 0 0 0 1px rgba(255, 255, 255, .12), 0 10px 24px rgba(0, 0, 0, .18);
    --ifit-v2-shadow-confirm-muted: 0 10px 26px rgba(0, 0, 0, .08);
    --ifit-v2-shadow-popover: 0 16px 40px rgba(40, 25, 50, .18);
    --ifit-v2-shadow-dropdown: 0 16px 34px rgba(34, 23, 42, .16);
}

/*
   Legacy mainV2 compatibility aliases.
   These names support structural rules that have not yet been renamed; all
   color values still resolve from this canonical palette file.
*/
:root {


/* [S01] --white: #fff; */
  --white: var(--ifit-v2-brand-on-solid);


  --mainGreen: var(--ifit-v2-legacy-beff0b);
  --mainPurple: var(--ifit-v2-legacy-490070);
  --blackGreen: var(--ifit-v2-legacy-0d1300);
  --lightMGreen: var(--ifit-v2-legacy-ddf59d);


  --darkGreen: var(--ifit-v2-qr-accent);
  --lightGreen: var(--ifit-v2-legacy-7fff95);
    --paleGreen:var(--ifit-v2-legacy-2f412f);
    --hintGreen:var(--ifit-v2-legacy-e5ffe5);


  --darkOrange: var(--ifit-v2-warning);
  --lightOrange: var(--ifit-v2-legacy-ffbe75);
  --lighterOrange: var(--ifit-v2-legacy-ffe4c6);
  --paleOrange: var(--ifit-v2-legacy-41392f);


  --hintOrange: var(--ifit-v2-legacy-ffecd8);


  --lightGrey: var(--ifit-v2-legacy-f1edf4);
  --lightGrey2: var(--ifit-v2-legacy-e3dfe8);
  --lightGrey3: var(--ifit-v2-legacy-d7d3dd);
  --lightGrey4: var(--ifit-v2-legacy-c6c2ce);
  --lightGrey5: var(--ifit-v2-legacy-898994);


  --darkGrey: var(--ifit-v2-legacy-1a161d);
  --darkGrey2: var(--ifit-v2-legacy-2b2533);
  --darkGrey3: var(--ifit-v2-legacy-342e3f);
  --darkGrey4: var(--ifit-v2-legacy-3d3343);
  --darkGrey5: var(--ifit-v2-legacy-706b70);


  --darkerPurple: var(--ifit-v2-legacy-6e07c7);
  --darkPurple: var(--ifit-v2-legacy-aa48ff);
  --lightPurple: var(--ifit-v2-legacy-f0b0f5);
  --lighterPurple: var(--ifit-v2-legacy-f6d8f8);
    --palePurple:var(--ifit-v2-app-bg);

    --hintPurple:var(--ifit-v2-legacy-fceaff);


  --darkRed: var(--ifit-v2-legacy-e50000);

   --lightRed: var(--ifit-v2-legacy-f15a24);


    --hintBlue:var(--ifit-v2-legacy-dbe3ff);

  --darkBlue: var(--ifit-v2-action-blue);
  --lightBlue: var(--ifit-v2-legacy-9aafff);


  --darkGreen-dark: var(--ifit-v2-qr-accent);
  --lightGreen-dark: var(--ifit-v2-legacy-7fff95);
    --paleGreen-dark:var(--ifit-v2-legacy-2f412f);
    --hintGreen-dark:var(--ifit-v2-legacy-e5ffe5);

    --bgGreen-dark:var(--ifit-v2-legacy-171f17);

  --darkOrange-dark: var(--ifit-v2-warning);
  --lightOrange-dark: var(--ifit-v2-legacy-ffbe75);
  --paleOrange-dark: var(--ifit-v2-legacy-41392f);
  --hintOrange-dark: var(--ifit-v2-legacy-ffecd8);


/* [S02] --bgOrange-dark: rgba(69,37,0,0.54); */
  --bgOrange-dark: rgba(var(--ifit-v2-legacy-452500-rgb), 0.54);


  --lightGrey-dark: var(--ifit-v2-legacy-f4f4f4);
  --lightGrey2-dark: var(--ifit-v2-legacy-dedee2);
  --lightGrey3-dark: var(--ifit-v2-legacy-d6d6d8);
  --lightGrey4-dark: var(--ifit-v2-legacy-cdcdd1);
  --lightGrey5-dark: var(--ifit-v2-legacy-898994);


  --darkGrey-dark: var(--ifit-v2-surface-1);
  --darkGrey2-dark: var(--ifit-v2-surface-2);
  --darkGrey3-dark: var(--ifit-v2-legacy-36303e);
  --darkGrey4-dark: var(--ifit-v2-legacy-4c4651);
  --darkGrey5-dark: var(--ifit-v2-legacy-706b70);


  --darkPurple-dark: var(--ifit-v2-legacy-8800fd);
  --lightPurple-dark: var(--ifit-v2-legacy-f0b0f5);
    --palePurple-dark:var(--ifit-v2-app-bg);
    --hintPurple-dark:var(--ifit-v2-legacy-fceaff);


/* [S03] --darkBlue-dark: #2B5CFF; */
  --darkBlue-dark: var(--ifit-v2-action-blue);
  --lightBlue-dark: var(--ifit-v2-legacy-9aafff);
  --paleBlue-dark: var(--ifit-v2-legacy-252932);

    --hintBlue-dark:var(--ifit-v2-legacy-dbe3ff);

  --darkRed-dark: var(--ifit-v2-legacy-e50000);
  --lightRed-dark: var(--ifit-v2-legacy-f15a24);

    --bgRed-dark:var(--ifit-v2-legacy-1f1717);

}


@media (prefers-color-scheme: dark) {


 --mainGreen: var(--mainGreen-dark);
  --mainPurple:var(--mainPurple-dark);


  --darkGreen:var(--darkGreen-dark);
  --lightGreen:var(--lightGreen-dark);
    --paleGreen:var(--paleGreen-dark);
    --hintGreen:var(--hintGreen-dark);

    --bgGreen:var(--bgGreen-dark);

  --darkOrange:var(--darkOrange-dark);
  --lightOrange:var(--lightOrange-dark);
  --paleOrange:var(--paleOrange-dark);
  --hintOrange:var(--hintOrange-dark);


/* [S04] --bgOrange:var(--bgOrange-dark); */
  --bgOrange:var(--bgOrange-dark);


  --lightGrey:var(--lightGrey-dark);
  --lightGrey2:var(--lightGrey2-dark);
  --lightGrey3:var(--lightGrey3-dark);
  --lightGrey4:var(--lightGrey4-dark);
  --lightGrey5:var(--lightGrey5-dark);


  --darkGrey:var(--darkGrey-dark);
  --darkGrey2:var(--darkGrey2-dark);
  --darkGrey3:var(--darkGrey3-dark);
  --darkGrey4:var(--darkGrey4-dark);
  --darkGrey5:var(--darkGrey5-dark);


  --darkPurple:var(--darkPurple-dark);
  --lightPurple:var(--lightPurple-dark);
    --palePurple:var(--palePurple-dark);
    --hintPurple:var(--hintPurple-dark);


/* [S05] --darkBlue:var(--darkBlue-dark); */
  --darkBlue:var(--darkBlue-dark);
  --lightBlue: var(--lightBlue-dark);
  --paleBlue:var(--paleBlue-dark);

    --hintBlue:var(--hintBlue-dark);

  --darkRed:var(--darkRed-dark);
  --lightRed:var(--lightRed-dark);

    --bgRed:var(--bgRed-dark);
}

/* Light mode keeps the same semantic hierarchy without the dark chrome. */
html[data-ifit-theme="light"] {
    color-scheme: light;

    --ifit-v2-purple-on-dark: #5b1d8b;
    --ifit-v2-purple-on-dark-hover: #461472;
    --ifit-v2-interactive-purple: #5b1d8b;
    --ifit-v2-interactive-purple-rgb: 91, 29, 139;
    --ifit-v2-purple-light: #5b1d8b;
    --ifit-v2-purple-ink: #461472;

    --ifit-v2-app-bg: #f5eff8;
    --ifit-v2-surface-deep: #ffffff;
    --ifit-v2-surface-1: #f9f7fa;
    --ifit-v2-surface-2: #f1ecf4;
    --ifit-v2-surface-card: #ffffff;
    --ifit-v2-surface-raised: #f7f2fa;
    --ifit-v2-surface-hover: #eee7f2;
    --ifit-v2-card-footer-bg: color-mix(in srgb, var(--ifit-v2-surface-card) 96%, var(--ifit-v2-purple-softest));
    --ifit-v2-panel-background: var(--ifit-v2-surface-1);
    --ifit-v2-navigation-active-icon: var(--ifit-v2-success-accent);

    --ifit-v2-text-primary: #241b2a;
    --ifit-v2-text-secondary: rgba(36, 27, 42, .80);
    --ifit-v2-text-muted: rgba(36, 27, 42, .68);
    --ifit-v2-text-faint: rgba(36, 27, 42, .64);
    --ifit-v2-text-primary-rgb: 36, 27, 42;
    --ifit-v2-exit-chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9' viewBox='0 0 14 9'%3E%3Cpath d='M2 2l5 5 5-5' fill='none' stroke='%2362586b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");

    --ifit-v2-border-soft-dark: rgba(70, 20, 114, .08);
    --ifit-v2-border-dark: rgba(70, 20, 114, .14);
    --ifit-v2-border-strong-dark: rgba(70, 20, 114, .24);

    --ifit-v2-light-bg: #ffffff;
    --ifit-v2-light-surface: #f7f2fa;
    --ifit-v2-light-surface-raised: #eee7f2;
    --ifit-v2-light-text: #241b2a;
    --ifit-v2-light-text-secondary: #62586b;
    --ifit-v2-light-text-muted: #6f6578;
    --ifit-v2-light-border: rgba(70, 20, 114, .14);
    --ifit-v2-light-border-strong: rgba(70, 20, 114, .25);
    --ifit-v2-light-purple-soft: #f4eef8;
    --ifit-v2-light-purple-border: #cbb8da;

    --ifit-v2-success: #16834a;
    --ifit-v2-success-ink: #08733f;
    --ifit-v2-success-accent: #00ad5f;
    --ifit-v2-command-ink: #466800;
    --ifit-v2-success-strong: #126b3d;
    --ifit-v2-warning: #9a5500;
    --ifit-v2-warning-soft: #a64000;
    --ifit-v2-warning-accent: #ff6a00;
    --ifit-v2-danger: #bd2035;
    --ifit-v2-danger-ink: var(--ifit-v2-danger);
    --ifit-v2-danger-hover: #a7192c;
    --ifit-v2-info: #176da8;
    --ifit-v2-info-ink: #075fa8;
    --ifit-v2-info-accent: #1687f8;
    --ifit-v2-special: #a83d72;
    --ifit-v2-special-accent: #e44891;

    --ifit-v2-success-on-solid: #ffffff;
    --ifit-v2-warning-on-solid: #ffffff;
    --ifit-v2-special-on-solid: #ffffff;

    --ifit-v2-select-chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9' viewBox='0 0 14 9'%3E%3Cpath d='M2 2l5 5 5-5' fill='none' stroke='%2362586b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");

    --ifit-v2-success-rgb: 0, 173, 95;
    --ifit-v2-warning-rgb: 255, 106, 0;

    --ifit-v2-shadow-dark-sm: 0 8px 24px rgba(36, 27, 42, .08);
    --ifit-v2-shadow-dark-md: 0 18px 46px rgba(36, 27, 42, .13);
    --ifit-v2-shadow-light-sm: 0 8px 24px rgba(36, 27, 42, .07);
    --ifit-v2-shadow-light-md: 0 18px 48px rgba(36, 27, 42, .13);
    --ifit-v2-shadow-light-lg: 0 26px 70px rgba(36, 27, 42, .20);
}

:root {
    /*
       Isolated compatibility palette for legacy UI rules.
       New component work must use the semantic tokens above.
    */
    --ifit-v2-legacy-0c0910-rgb: 12, 9, 16;
    --ifit-v2-legacy-167887-rgb: 22, 120, 135;
    --ifit-v2-legacy-16834a-rgb: 22, 131, 74;
    --ifit-v2-legacy-2f6fab-rgb: 47, 111, 171;
    --ifit-v2-legacy-49656f: #49656f;
    --ifit-v2-legacy-526f79: #526f79;
    --ifit-v2-legacy-60beff-rgb: 96, 190, 255;
    --ifit-v2-legacy-63d7bd-rgb: 99, 215, 189;
    --ifit-v2-legacy-647f88: #647f88;
    --ifit-v2-legacy-6f858d: #6f858d;
    --ifit-v2-legacy-6f8790: #6f8790;
    --ifit-v2-legacy-70dfc5: #70dfc5;
    --ifit-v2-legacy-718991: #718991;
    --ifit-v2-legacy-789099: #789099;
    --ifit-v2-legacy-79caff: #79caff;
    --ifit-v2-legacy-7bc2ff: #7bc2ff;
    --ifit-v2-legacy-81979f: #81979f;
    --ifit-v2-legacy-849aa2: #849aa2;
    --ifit-v2-legacy-8a9da4: #8a9da4;
    --ifit-v2-legacy-8ba0a7: #8ba0a7;
    --ifit-v2-legacy-91a2a8: #91a2a8;
    --ifit-v2-legacy-9babb0: #9babb0;
    --ifit-v2-legacy-b7791f: #b7791f;
    --ifit-v2-legacy-b86100: #b86100;
    --ifit-v2-legacy-b9477f: #b9477f;
    --ifit-v2-legacy-b9477f-rgb: 185, 71, 127;
    --ifit-v2-legacy-bd3434: #bd3434;
    --ifit-v2-legacy-bf6500: #bf6500;
    --ifit-v2-legacy-c24784-rgb: 194, 71, 132;
    --ifit-v2-legacy-c53030: #c53030;
    --ifit-v2-legacy-d29cff-rgb: 210, 156, 255;
    --ifit-v2-legacy-d7a5ff: #d7a5ff;
    --ifit-v2-legacy-d7e0e3: #d7e0e3;
    --ifit-v2-legacy-e05454: #e05454;
    --ifit-v2-legacy-e27e12-rgb: 226, 126, 18;
    --ifit-v2-legacy-e8f3ff: #e8f3ff;
    --ifit-v2-legacy-eef7ff: #eef7ff;
    --ifit-v2-legacy-f6fbfc: #f6fbfc;
    --ifit-v2-legacy-f6fbfc-rgb: 246, 251, 252;
    --ifit-v2-legacy-f8fbfc: #f8fbfc;
    --ifit-v2-legacy-ff9bc8: #ff9bc8;
    --ifit-v2-legacy-ffc171-rgb: 255, 193, 113;
}

/*
   Compatibility bridge for older mainV2 variables while pages are
   progressively migrated to semantic tokens. Scope is intentionally current-only.
*/
body.ifit-v2-page {
    --mainGreen: var(--ifit-v2-command);
    --mainPurple: var(--ifit-v2-purple);

    --darkGreen: var(--ifit-v2-success-strong);
    --lightGreen: #84efa8;
    --darkOrange: var(--ifit-v2-warning);
    --lightOrange: var(--ifit-v2-warning-soft);
    --darkRed: var(--ifit-v2-danger);

    --darkGrey: var(--ifit-v2-surface-1);
    --darkGrey2: var(--ifit-v2-surface-2);
    --darkGrey3: var(--ifit-v2-surface-card);
    --darkGrey4: var(--ifit-v2-surface-raised);
    --darkGrey5: #7f7687;

    --lightGrey: var(--ifit-v2-text-primary);
    --lightGrey2: rgba(244, 239, 248, .88);
    --lightGrey3: rgba(244, 239, 248, .78);
    --lightGrey4: rgba(244, 239, 248, .68);
    --lightGrey5: rgba(244, 239, 248, .55);

    --darkerPurple: var(--ifit-v2-purple-600);
    --darkPurple: var(--ifit-v2-purple-on-dark);
    --lightPurple: var(--ifit-v2-purple-light);
    --lighterPurple: var(--ifit-v2-purple-soft);
    --palePurple: var(--ifit-v2-app-bg);
    --hintPurple: var(--ifit-v2-purple-softest);
}

html[data-ifit-theme="light"] body.ifit-v2-page {
    --lightGreen: #16834a;
    --darkGrey5: #6f6578;

    --lightGrey: var(--ifit-v2-text-primary);
    --lightGrey2: rgba(36, 27, 42, .90);
    --lightGrey3: rgba(36, 27, 42, .80);
    --lightGrey4: rgba(36, 27, 42, .68);
    --lightGrey5: rgba(36, 27, 42, .64);

    --darkerPurple: var(--ifit-v2-purple-600);
    --darkPurple: var(--ifit-v2-purple-on-dark);
    --lightPurple: var(--ifit-v2-purple-light);
    --lighterPurple: var(--ifit-v2-purple-soft);
    --palePurple: var(--ifit-v2-app-bg);
    --hintPurple: var(--ifit-v2-purple-softest);
}

/* Light-theme panels use flat surfaces throughout the site. */
html[data-ifit-theme="light"] [class*="-panel"] {
    background-image: none !important;
}