:root {
--color-almo-green-50: #dcf6e8;
--color-almo-green-400: #18b56a;
--color-almo-green-500: #008f4c;
--color-almo-green-700: #006b3c;
--color-almo-green-900: #14231c;
--color-almo-blue-50: #e7f0ff;
--color-almo-blue-400: #65a0ff;
--color-almo-blue-500: #276de8;
--color-almo-blue-700: #084fc7;
--color-almo-blue-900: #101a2b;
--color-almo-gold-50: #fff1b8;
--color-almo-gold-300: #ffd968;
--color-almo-gold-400: #e7b327;
--color-almo-gold-500: #c88a08;
--color-almo-gold-700: #8a5a00;
--color-almo-gold-900: #171108;
--color-almo-measurement-navy: #2A3A63;
--color-almo-measurement-blue: #4B629B;
--color-almo-measurement-green: #19B66A;
--color-almo-measurement-copper: #C57A39;
--color-almo-measurement-copperDeep: #7a4a1f;
--color-almo-measurement-red: #D64550;
--color-almo-measurement-ink: #10245C;
--color-almo-measurement-muted: #6B7691;
--color-almo-measurement-border: #E4E9F2;
--color-almo-measurement-bg: #EEF1F7;
--color-almo-measurement-accent: #2563EB;
--color-almo-measurement-projected: #F97316;
--color-almo-measurement-mean: #4B5D82;
--color-almo-systems-molecular: #19B66A;
--color-almo-systems-gi: #A855F7;
--color-almo-systems-hepatic: #F4B400;
--color-almo-systems-cardio: #FF4D4F;
--color-almo-systems-renal: #2EC5C2;
--color-almo-systems-resp: #3B82F6;
--color-almo-systems-endo: #FF7A1A;
--color-almo-systems-reproductive: #EC4899;
--color-almo-systems-musculoskeletal: #5B8DEF;
--color-almo-systems-neurological: #8B5CF6;
--color-almo-systems-visual: #7C3AED;
--color-almo-systems-dermatological: #9333EA;
--color-almo-orphan-sage: #9ccba8;
--color-almo-orphan-sand: #dbc569;
--color-almo-orphan-slate: #202b38;
--color-almo-orphan-mist: #e9edf3;
--color-almo-accent-blueVivid: #1f4fd8;
--color-almo-accent-blueDeep: #123aab;
--color-almo-accent-blueNavy: #071f72;
--color-almo-accent-blueViolet: #5a6cff;
--color-almo-accent-blueSky: #4a8cff;
--color-almo-accent-blueRaw: #0000ff;
--color-almo-accent-greenDeep: #0e7a47;
--color-almo-accent-greenForest: #0a7a3a;
--color-almo-accent-greenPine: #0c7a43;
--color-almo-accent-greenBright: #0a8f4d;
--color-almo-accent-greenMid: #339966;
--color-almo-accent-greenSpring: #22c877;
--color-almo-accent-redBrick: #b23842;
--color-almo-accent-redDeep: #8f1720;
--color-almo-accent-redRust: #8f1d17;
--color-almo-accent-redCoral: #e0554e;
--color-almo-accent-redRaw: #ff0000;
--color-almo-accent-goldOlive: #8a6d1a;
--color-almo-accent-goldSand: #e9c46a;
--color-almo-accent-yellowRaw: #ffe000;
--color-almo-accent-orangeWarm: #ff9040;
--color-almo-accent-copperDark: #8a5326;
--color-almo-accent-bronzeDark: #6b4708;
--color-almo-accent-brownDark: #3a2400;
--color-almo-accent-oliveDark: #3a2e00;
--color-almo-accent-tealSteel: #2f6f8f;
--color-almo-ink-forest: #0a3a20;
--color-almo-ink-pine: #22332a;
--color-almo-ink-deepMoss: #3f4d46;
--color-almo-ink-slateGreen: #4a5a52;
--color-almo-ink-stoneGreen: #4a5651;
--color-almo-ink-mossGrey: #4a5750;
--color-almo-ink-ashGreen: #55625a;
--color-almo-ink-greenGrey: #55635b;
--color-almo-ink-blueGrey: #7c89a6;
--color-almo-ink-blueGreyLight: #9aa5bc;
--color-almo-surface-coolWhite: #fdfeff;
--color-almo-surface-coolSnow: #f8fafd;
--color-almo-surface-coolHaze: #f5f7fb;
--color-almo-surface-coolMist: #f0f3f9;
--color-almo-surface-coolPaper: #edf1f7;
--color-almo-surface-blueBorder: #c9daf8;
--color-almo-surface-coolBorder: #b9c6de;
--color-almo-surface-warmSnow: #f7f8f7;
--color-almo-surface-warmHaze: #f2f4f2;
--color-almo-surface-warmMist: #eff0ef;
--color-almo-surface-warmPaper: #eef0ee;
--color-almo-surface-warmLine: #dfe3df;
--color-almo-wash-green: #e2f5ec;
--color-almo-wash-greenSoft: #dcefe3;
--color-almo-wash-blue: #dfe9fa;
--color-almo-wash-red: #fbe9ea;
--color-almo-wash-redSoft: #fadfe1;
--color-almo-wash-gold: #fbeed0;
--color-almo-wash-goldSoft: #fbf3d8;
--color-almo-wash-copper: #e7d2b8;
--color-almo-wash-copperSoft: #f7ebdf;
--color-almo-shadow-10: rgba(var(--shadow-rgb), 0.1);
--color-almo-shadow-12: rgba(var(--shadow-rgb), 0.12);
--color-almo-shadow-15: rgba(var(--shadow-rgb), 0.15);
--color-almo-shadow-18: rgba(var(--shadow-rgb), 0.18);
--color-almo-shadow-22: rgba(var(--shadow-rgb), 0.22);
--color-almo-shadow-24: rgba(var(--shadow-rgb), 0.24);
--color-almo-shadow-25: rgba(var(--shadow-rgb), 0.25);
--color-almo-shadow-35: rgba(var(--shadow-rgb), 0.35);
--color-almo-shadow-06: rgba(var(--shadow-rgb), 0.06);
--color-almo-shadow-07: rgba(var(--shadow-rgb), 0.07);
--color-almo-shadow-08: rgba(var(--shadow-rgb), 0.08);
--color-almo-shade-10: rgba(var(--shade-rgb), 0.1);
--color-almo-shade-12: rgba(var(--shade-rgb), 0.12);
--color-almo-shade-14: rgba(var(--shade-rgb), 0.14);
--color-almo-shade-15: rgba(var(--shade-rgb), 0.15);
--color-almo-shade-20: rgba(var(--shade-rgb), 0.2);
--color-almo-shade-28: rgba(var(--shade-rgb), 0.28);
--color-almo-shade-35: rgba(var(--shade-rgb), 0.35);
--color-almo-shade-100: #000000;
--color-almo-shade-06: rgba(var(--shade-rgb), 0.06);
--color-almo-shade-08: rgba(var(--shade-rgb), 0.08);
--color-almo-highlight-28: rgba(var(--highlight-rgb), 0.28);
--color-almo-highlight-35: rgba(var(--highlight-rgb), 0.35);
--color-almo-highlight-40: rgba(var(--highlight-rgb), 0.4);
--color-almo-highlight-45: rgba(var(--highlight-rgb), 0.45);
--color-almo-highlight-50: rgba(var(--highlight-rgb), 0.5);
--color-almo-highlight-55: rgba(var(--highlight-rgb), 0.55);
--color-almo-highlight-60: rgba(var(--highlight-rgb), 0.6);
--color-almo-highlight-62: rgba(var(--highlight-rgb), 0.62);
--color-almo-highlight-65: rgba(var(--highlight-rgb), 0.65);
--color-almo-highlight-67: #ffffffaa;
--color-almo-highlight-70: rgba(var(--highlight-rgb), 0.7);
--color-almo-highlight-75: rgba(var(--highlight-rgb), 0.75);
--color-almo-highlight-80: rgba(var(--highlight-rgb), 0.8);
--color-almo-highlight-90: rgba(var(--highlight-rgb), 0.9);
--color-almo-highlight-95: rgba(var(--highlight-rgb), 0.95);
--color-almo-highlight-00: rgba(var(--highlight-rgb), 0);
--color-almo-veil-12: rgba(20, 35, 28, 0.12);
--color-almo-veil-22: rgba(20, 35, 28, 0.22);
--color-almo-veil-28: rgba(20, 35, 28, 0.28);
--color-almo-veil-84: rgba(20, 35, 28, 0.84);
--color-almo-veil-86: rgba(20, 35, 28, 0.86);
--color-almo-veil-88: rgba(20, 35, 28, 0.88);
--color-almo-positive: #078a4b;
--color-almo-warning: #eea800;
--color-almo-negative: #df2535;
--color-almo-negativeDeep: #9c0f1c;
--color-almo-informative: #1768d4;
--color-almo-neutral: #667085;
--color-almo-chroma: #ff00c8;
--font-display: "Poppins", ui-sans-serif, system-ui, sans-serif;
--font-sans: "Open Sans", ui-sans-serif, system-ui, sans-serif;
--shadow-rgb: 15, 23, 42;
--highlight-rgb: 255, 255, 255;
--shade-rgb: 0, 0, 0;
--surface-tint-rgb: 248, 250, 252;
--almo-line: rgba(var(--shadow-rgb), 0.08);
--radius: 0.75rem;
--radius-xs: calc(var(--radius) - 8px);
--radius-sm: calc(var(--radius) - 4px);
--radius-md: calc(var(--radius) - 2px);
--radius-lg: var(--radius);
--radius-xl: calc(var(--radius) + 4px);
--radius-2xl: calc(var(--radius) + 8px);
--radius-3xl: calc(var(--radius) + 12px);
--radius-4xl: calc(var(--radius) + 16px);
--radius-plastic: 18px;
--radius-plate: var(--radius-3xl);
--radius-pill: 999px;
--shadow-contact: 0 1px 2px rgba(var(--shadow-rgb), 0.10), 0 2px 6px rgba(var(--shadow-rgb), 0.06);
--shadow-soft: 0 6px 18px -8px rgba(var(--shadow-rgb), 0.18), 0 2px 6px rgba(var(--shadow-rgb), 0.06);
--shadow-elevated: 0 24px 48px -20px rgba(var(--shadow-rgb), 0.28), 0 8px 16px -8px rgba(var(--shadow-rgb), 0.14), 0 2px 4px rgba(var(--shadow-rgb), 0.06);
--shadow-inset-light: inset 1px 1px 2px rgba(var(--highlight-rgb), 0.9), inset -1px -1px 2px rgba(var(--shadow-rgb), 0.08);
--shadow-inset-dark: inset 1px 1px 2px rgba(var(--highlight-rgb), 0.05), inset -1px -1px 2px rgba(var(--shade-rgb), 0.55);
--shadow-plastic: 0 1px 0 rgba(var(--highlight-rgb), 0.9) inset, 0 -1px 0 rgba(var(--shadow-rgb), 0.08) inset, 0 0 0 1px rgba(var(--shadow-rgb), 0.075), 0 1px 1px rgba(var(--shadow-rgb), 0.06), 0 4px 7px -5px rgba(var(--shadow-rgb), 0.18), 0 12px 18px -16px rgba(var(--shadow-rgb), 0.26);
--shadow-plastic-hover: 0 1px 0 rgba(var(--highlight-rgb), 0.95) inset, 0 -1px 0 rgba(var(--shadow-rgb), 0.1) inset, 0 0 0 1px rgba(var(--shadow-rgb), 0.09), 0 2px 3px rgba(var(--shadow-rgb), 0.08), 0 8px 12px -8px rgba(var(--shadow-rgb), 0.22), 0 16px 22px -18px rgba(var(--shadow-rgb), 0.3);
--shadow-plastic-mobile: 0 1.5px 0 rgba(var(--highlight-rgb), 0.95) inset, 0 -1.5px 0 rgba(var(--shade-rgb), 0.14) inset, 0 0 0 1px rgba(var(--shadow-rgb), 0.09), 0 2px 6px -3px rgba(var(--shadow-rgb), 0.2);
--shadow-chip: 0 1px 0 rgba(var(--highlight-rgb), 1) inset, 0 -1px 0 rgba(var(--shadow-rgb), 0.08) inset, 0 0 0 1px rgba(var(--shadow-rgb), 0.06), 0 1px 2px rgba(var(--shadow-rgb), 0.1), 0 4px 8px -4px rgba(var(--shadow-rgb), 0.18);
--shadow-volume: inset 0 1.5px 2px rgba(var(--highlight-rgb), 0.95), inset 0 -1.5px 2px rgba(var(--shade-rgb), 0.07), 0 1px 2px rgba(var(--shade-rgb), 0.10);
--shadow-title3d: 0 1px 0 rgba(var(--highlight-rgb), 0.62), 0 2px 4px rgba(var(--shadow-rgb), 0.12), 0 8px 14px rgba(var(--shadow-rgb), 0.08);
--shadow-lift-text: 0 1px 0 rgba(var(--highlight-rgb), 0.55), 0 2px 5px rgba(var(--shadow-rgb), 0.14);
--shadow-lift-drop: drop-shadow(0 2px 3px rgba(var(--shadow-rgb), 0.12));
--shadow-sticker: drop-shadow(0 10px 14px rgba(var(--shade-rgb), 0.3)) drop-shadow(0 3px 5px rgba(var(--shade-rgb), 0.2));
--shadow-sticker-hover: drop-shadow(0 18px 22px rgba(var(--shade-rgb), 0.34)) drop-shadow(0 6px 8px rgba(var(--shade-rgb), 0.22));
--shadow-drag: drop-shadow(0 22px 24px rgba(var(--shadow-rgb), 0.28));
--glass-surface: rgba(var(--highlight-rgb), 0.62);
--glass-surface-solid: rgba(var(--highlight-rgb), 0.92);
--glass-border: rgba(var(--highlight-rgb), 0.65);
--glass-highlight: linear-gradient(180deg, rgba(var(--highlight-rgb),0.55), rgba(var(--highlight-rgb),0) 55%);
--surface-blur: 18px;
--neu-surface: linear-gradient(160deg, #ffffff 0%, #eef1f6 100%);
--neu-shadow: -6px -6px 12px rgba(var(--highlight-rgb), 0.95), 8px 10px 22px rgba(var(--shadow-rgb), 0.18), inset 1px 1px 1.5px rgba(var(--highlight-rgb),0.9), inset -1px -1px 1.5px rgba(var(--shadow-rgb),0.06);
--surface-plastic-fill: linear-gradient(145deg, rgba(var(--highlight-rgb), 0.96), rgba(var(--surface-tint-rgb), 0.94));
--surface-plastic-bezel: linear-gradient(180deg, rgba(var(--highlight-rgb), 0.95) 0%, rgba(var(--highlight-rgb), 0.42) 18%, rgba(var(--shade-rgb), 0) 55%, rgba(var(--shade-rgb), 0.18) 100%);
--surface-plastic-gloss: linear-gradient(180deg, rgba(var(--highlight-rgb), 0.36), rgba(var(--highlight-rgb), 0) 72%);
--surface-plastic-chip: linear-gradient(180deg, rgba(var(--highlight-rgb), 1) 0%, #eef2f7 100%);
--almo-page: #f4f6f4;
--almo-panel: #ffffff;
--almo-ink: #14231c;
--brand-primary: #5b9069;
--brand-primary-dark: #0f4d3a;
--brand-primary-soft: #e8efea;
--brand-ink: #14231c;
--brand-gold: #d4af37;
--brand-gold-ink: #4a3607;
--brand-gold-soft: #f9f3e1;
--brand-page: #f6f3ea;
--brand-panel: #ffffff;
--brand-logo: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2NDAiIGhlaWdodD0iMjAwIiB2aWV3Qm94PSIwIDAgNjQwIDIwMCIgcm9sZT0iaW1nIiBhcmlhLWxhYmVsPSJBbGltZW50YWNpw7NuIE1vbGVjdWxhciAod29yZG1hcmsgcHJvdmlzaW9uYWwpIj4KICA8dGl0bGU+QWxpbWVudGFjacOzbiBNb2xlY3VsYXIg4oCUIHdvcmRtYXJrIHByb3Zpc2lvbmFsPC90aXRsZT4KICA8ZyBmb250LWZhbWlseT0iUG9wcGlucywgJ1NlZ29lIFVJJywgc3lzdGVtLXVpLCAtYXBwbGUtc3lzdGVtLCBIZWx2ZXRpY2EsIEFyaWFsLCBzYW5zLXNlcmlmIiB0ZXh0LWFuY2hvcj0ibWlkZGxlIj4KICAgIDx0ZXh0IHg9IjMyMCIgeT0iODgiIGZvbnQtc2l6ZT0iNTIiIGZvbnQtd2VpZ2h0PSI4MDAiIGxldHRlci1zcGFjaW5nPSI0IiBmaWxsPSIjMmVjYzcxIj5BTElNRU5UQUNJw5NOPC90ZXh0PgogICAgPGxpbmUgeDE9IjE4MCIgeTE9IjExMiIgeDI9IjQ2MCIgeTI9IjExMiIgc3Ryb2tlPSIjZTljNDZhIiBzdHJva2Utd2lkdGg9IjIiLz4KICAgIDxjaXJjbGUgY3g9IjMyMCIgY3k9IjExMiIgcj0iNSIgZmlsbD0iI2U5YzQ2YSIvPgogICAgPHRleHQgeD0iMzIwIiB5PSIxNjAiIGZvbnQtc2l6ZT0iNDAiIGZvbnQtd2VpZ2h0PSI2MDAiIGxldHRlci1zcGFjaW5nPSIxNCIgZmlsbD0iIzJlY2M3MSI+TU9MRUNVTEFSPC90ZXh0PgogIDwvZz4KPC9zdmc+Cg==");
--brand-font-display: "Poppins", ui-sans-serif, system-ui, sans-serif;
--brand-font-sans: "Open Sans", ui-sans-serif, system-ui, sans-serif;
--spacing: 0.25rem;
--space-0: 0;
--space-1: 0.125rem;
--space-2: 0.25rem;
--space-3: 0.375rem;
--space-4: 0.5rem;
--space-5: 0.75rem;
--space-6: 1rem;
--space-7: 1.25rem;
--space-8: 1.5rem;
--space-9: 2rem;
--space-10: 2.5rem;
--space-11: 3rem;
--space-12: 4rem;
--space-px: 1px;
--font-size-1: 0.5625rem;
--font-size-2: 0.625rem;
--font-size-3: 0.6875rem;
--font-size-4: 0.75rem;
--font-size-5: 0.875rem;
--font-size-6: 1rem;
--font-size-7: 1.125rem;
--font-size-8: 1.25rem;
--font-size-9: 1.5rem;
--font-size-10: 1.875rem;
--font-size-11: 2.25rem;
--font-size-hero: clamp(1.5rem, 1.1rem + 1.4vw, 2.25rem);
--line-height-1: 1.4;
--line-height-2: 1.4;
--line-height-3: 1.4;
--line-height-4: calc(1 / 0.75);
--line-height-5: calc(1.25 / 0.875);
--line-height-6: calc(1.5 / 1);
--line-height-7: calc(1.75 / 1.125);
--line-height-8: calc(1.75 / 1.25);
--line-height-9: calc(2 / 1.5);
--line-height-10: calc(2.25 / 1.875);
--line-height-11: calc(2.5 / 2.25);
--font-weight-light: 300;
--font-weight-normal: 400;
--font-weight-medium: 500;
--font-weight-semibold: 600;
--font-weight-bold: 700;
--font-weight-extrabold: 800;
--font-weight-black: 900;
--leading-none: 1;
--leading-hero: 0.95;
--leading-display: 1.05;
--leading-tight: 1.25;
--leading-snug: 1.375;
--leading-normal: 1.5;
--leading-relaxed: 1.625;
--leading-loose: 2;
--tracking-tighter: -0.05em;
--tracking-tight: -0.025em;
--tracking-normal: 0em;
--tracking-wide: 0.025em;
--tracking-wider: 0.05em;
--tracking-widest: 0.1em;
--tracking-label: 0.16em;
--tracking-eyebrow: 0.18em;
--tracking-caps: 0.24em;
--tracking-caps-loose: 0.28em;
--surface-1: var(--brand-panel);
--surface-2: var(--brand-page);
--surface-3: var(--brand-primary-soft);
--surface-4: color-mix(in oklab, var(--brand-ink) 3%, var(--brand-panel));
--surface-5: color-mix(in oklab, var(--brand-ink) 6%, var(--brand-panel));
--surface-6: color-mix(in oklab, var(--brand-ink) 12%, var(--brand-panel));
--surface-stage: color-mix(in oklab, var(--brand-ink) 94%, var(--surface, #ffffff));
--surface-stage2: color-mix(in oklab, var(--brand-ink) 84%, var(--surface, #ffffff));
--text-1: var(--brand-ink);
--text-2: color-mix(in oklab, var(--brand-ink) 78%, transparent);
--text-3: color-mix(in oklab, var(--brand-ink) 70%, transparent);
--text-inverse: #ffffff;
--text-on-stage: #ffffff;
--layout-container-max: 95rem;
--layout-gutter-base: 0.75rem;
--layout-gutter-sm: 0.875rem;
--layout-gutter-lg: 1.125rem;
--layout-gutter-tight: 0.625rem;
--layout-shell-pad: 1.75rem;
--layout-card-min: 16.5rem;
--layout-nav-reveal-at: 1024px;
--tint-positive-background: color-mix(in oklab, var(--color-almo-positive) 16%, var(--brand-panel));
--tint-positive-foreground: var(--color-almo-green-700);
--tint-warning-background: color-mix(in oklab, var(--color-almo-warning) 20%, var(--brand-panel));
--tint-warning-foreground: var(--color-almo-measurement-copperDeep);
--tint-info-background: color-mix(in oklab, var(--color-almo-informative) 14%, var(--brand-panel));
--tint-info-foreground: var(--color-almo-blue-700);
--tint-danger-background: color-mix(in oklab, var(--color-almo-negative) 14%, var(--brand-panel));
--tint-danger-foreground: var(--color-almo-negativeDeep);
--tint-neutral-background: color-mix(in oklab, var(--brand-ink) 6%, var(--brand-panel));
--tint-neutral-foreground: var(--text-3);
--border-subtle: color-mix(in oklab, var(--brand-ink) 12%, transparent);
--border-strong: color-mix(in oklab, var(--brand-ink) 28%, transparent);
--border-focus: var(--brand-primary);
--action: var(--brand-primary-dark);
--action-hover: var(--brand-primary);
--action-active: var(--brand-ink);
--action-subtle: var(--brand-primary-soft);
--success: var(--color-almo-positive);
--warning: var(--color-almo-warning);
--danger: var(--color-almo-negative);
--info: var(--color-almo-informative);
--neutral: var(--color-almo-neutral);
--h1-size: var(--font-size-11);
--h1-weight: var(--font-weight-extrabold);
--h1-leading: var(--leading-display);
--h1-tracking: var(--tracking-tight);
--h2-size: var(--font-size-10);
--h2-weight: var(--font-weight-bold);
--h2-leading: var(--leading-tight);
--h2-tracking: var(--tracking-tight);
--h3-size: var(--font-size-9);
--h3-weight: var(--font-weight-bold);
--h3-leading: var(--leading-tight);
--h3-tracking: var(--tracking-normal);
--h4-size: var(--font-size-8);
--h4-weight: var(--font-weight-semibold);
--h4-leading: var(--leading-snug);
--h4-tracking: var(--tracking-normal);
--h5-size: var(--font-size-7);
--h5-weight: var(--font-weight-semibold);
--h5-leading: var(--leading-snug);
--h5-tracking: var(--tracking-normal);
--h6-size: var(--font-size-5);
--h6-weight: var(--font-weight-semibold);
--h6-leading: var(--leading-normal);
--h6-tracking: var(--tracking-label);
--motion-instant: 40ms;
--motion-fast: 160ms;
--motion-medium: 260ms;
--motion-slow: 380ms;
--motion-slower: 480ms;
--motion-slowest: 600ms;
--motion-ambient: 15s;
--motion-press: 90ms;
--motion-hover: 140ms;
--motion-enter: 420ms;
--ease-standard: cubic-bezier(0.2, 0.8, 0.2, 1);
--ease-enter: cubic-bezier(0, 0, 0.2, 1);
--ease-exit: cubic-bezier(0.4, 0, 1, 1);
--ease-smooth: cubic-bezier(0.4, 0, 0.2, 1);
--ease-bounce: cubic-bezier(0.34, 1.56, 0.64, 1);
--ease-linear: linear;
--z-base: 0;
--z-raised: 1;
--z-sticky: 10;
--z-dropdown: 20;
--z-overlay: 30;
--z-drawer: 40;
--z-modal: 50;
--z-popover: 60;
--z-toast: 70;
--z-tooltip: 80;
--z-max: 9999;
--border-width-1: 1px;
--border-width-2: 1.5px;
--border-width-3: 2px;
--border-width-4: 3px;
--border-width-5: 4px;
--border-width-6: 6px;
--density: 1;
--control-height: 2.25rem;
--row-height: 2.75rem;
--gutter: 0.75rem;
--layer-base-forest: #1e2f22;
--layer-base-plate-near: #2a3f2e;
--layer-base-plate-far: #14201a;
--layer-base-bone: #efe6d2;
--layer-base-paper: #ffffff;
--layer-base-feed-green: #349a6b;
--layer-base-feed-navy: #384a62;
--layer-wash-plate: radial-gradient(120% 120% at var(--light-origin), var(--layer-base-plate-near) 0%, var(--layer-base-plate-far) 70%);
--layer-wash-scrim: linear-gradient(180deg, color-mix(in srgb, var(--layer-ink-scrim) 22%, transparent) 0%, color-mix(in srgb, var(--layer-ink-scrim) 66%, transparent) 54%, var(--layer-ink-scrim) 100%);
--layer-wash-story-veil: linear-gradient(90deg, color-mix(in srgb, var(--layer-base-paper) 30%, transparent) 0%, color-mix(in srgb, var(--layer-base-paper) 74%, transparent) 46%, color-mix(in srgb, var(--layer-base-paper) 88%, transparent) 100%);
--layer-wash-veil-min: 0.35;
--layer-wash-veil-default: 0.55;
--layer-accent-band: #5b9069;
--layer-accent-mid: #40724d;
--layer-accent-gold: #d5c43f;
--layer-accent-gold-deep: #c9a227;
--layer-accent-gold-hairline: #dbc569;
--layer-accent-caption: #3af57d;
--layer-accent-plate-rule: #a89a76;
--layer-group-proteina: #c81818;
--layer-group-carbohidrato: #e8b93a;
--layer-group-grasa: #1817e5;
--layer-group-libre: #5b9069;
--layer-ink-piece: #1e2f22;
--layer-ink-on-dark: #ffffff;
--layer-ink-body: #474747;
--layer-ink-story: #2f3d4f;
--layer-ink-scrim: #0e1622;
--layer-ink-paper-line: #f3f3f3;
--light-x: 78%;
--light-y: 40%;
--light-origin: 78% 40%;
--fibre-shadow-color: #0a1a10;
--fibre-shadow-width: 2.4;
--fibre-shadow-alpha: 0.16;
--fibre-body-width: 1.4;
--fibre-body-alpha: 0.6;
--fibre-highlight-color: #ffffff;
--fibre-highlight-width: 0.6;
--fibre-highlight-alpha: 0.55;
--fibre-density-min: 6;
--fibre-density-max: 14;
--grain-piece: url("data:image/svg+xml;utf8,");
--grain-card: url("data:image/svg+xml;utf8,");
--grain-film: url("data:image/svg+xml;utf8,");
--grain-blend: overlay;
--grain-tile-wide: 180px;
--grain-tile-tall: 160px;
--focus-ring-halo: #ffffff;
--focus-ring-halo-width: 2px;
--focus-ring-ink: #0e1622;
--focus-ring-ink-width: 5px;
--focus-ring: 0 0 0 var(--focus-ring-halo-width) var(--focus-ring-halo), 0 0 0 var(--focus-ring-ink-width) var(--focus-ring-ink);
--breakpoint-sm: 40rem;
--breakpoint-md: 48rem;
--breakpoint-lg: 64rem;
--breakpoint-xl: 80rem;
--breakpoint-2xl: 96rem;
--console-blue-soft: #e9f1fb;
--console-red-soft: #fdecec;
--console-purple: #6d4fc4;
--console-purple-soft: #eee9fb;
--console-gold-light: #eed9a0;
--console-purple-light: #d8cdf3;
--console-gold-medium: #e6cf8b;
--console-cream-light: #fffbef;
--console-cream-lighter: #fdf4dd;
--console-cream-soft: #f6e6b4;
--console-purple-pale: #ddd3f5;
--console-lavender-light: #fbfaff;
--console-tan-dark: #d3b665;
--console-dark-green-deep: #123f32;
--console-dark-green-very: #0b3529;
--almo-note-surface: transparent;
--button-height-sm: 1.75rem;
--button-height-md: var(--control-height);
--button-height-lg: 2.75rem;
--button-padding-x-sm: var(--space-5);
--button-padding-x-md: var(--space-6);
--button-padding-x-lg: var(--space-8);
--button-font-size-sm: var(--font-size-4);
--button-font-size-md: var(--font-size-5);
--button-font-size-lg: var(--font-size-6);
--button-radius: var(--radius-md);
--button-weight: var(--font-weight-semibold);
--button-gap: var(--space-3);
--button-border-width: var(--border-width-1);
--button-transition: var(--motion-fast) var(--ease-standard);
--button-bg: var(--action);
--button-ink: var(--text-inverse);
--button-bg-hover: var(--action-hover);
--button-bg-subtle: var(--action-subtle);
--button-ink-subtle: var(--action);
--field-height: var(--control-height);
--field-padding-x: var(--space-5);
--field-padding-y: var(--space-3);
--field-gap: var(--space-2);
--field-radius: var(--radius-md);
--field-border-width: var(--border-width-1);
--field-border-color: var(--border-subtle);
--field-border-color-focus: var(--border-focus);
--field-ring: 0 0 0 3px var(--action-subtle);
--field-bg: var(--surface-1);
--field-ink: var(--text-1);
--field-placeholder: var(--text-2);
--field-font-size: var(--font-size-5);
--field-label-size: var(--font-size-4);
--field-label-weight: var(--font-weight-semibold);
--field-hint-size: var(--font-size-3);
--field-invalid: var(--danger);
--link-color: var(--action);
--link-color-hover: var(--action-hover);
--link-weight: var(--font-weight-semibold);
--link-underline-offset: 0.15em;
--link-underline-thickness: var(--border-width-1);
--link-transition: var(--motion-fast) var(--ease-standard);
--dataviz-motion-scale: 1;
--dataviz-motion-playback-speed: 1;
--dataviz-motion-wave-speed: 1;
--dataviz-stroke-coil: 1;
--dataviz-stroke-vector: 1;
--dataviz-stroke-range: 1;
--dataviz-stroke-mean: 1;
--dataviz-node-size: 1;
--dataviz-opacity-wave: 0.5;
--dataviz-opacity-zone: 0.55;
--dataviz-opacity-data: 1;
--dataviz-opacity-band: 0.12;
--dataviz-font-scale: 1;
--dataviz-color-intensity: 1;
}
[data-density="compact"] {
--density: 0.75;
--control-height: 1.75rem;
--row-height: 2rem;
--gutter: 0.5rem;
}
[data-density="comfortable"] {
--density: 1;
--control-height: 2.25rem;
--row-height: 2.75rem;
--gutter: 0.75rem;
}
[data-density="spacious"] {
--density: 1.25;
--control-height: 2.75rem;
--row-height: 3.5rem;
--gutter: 1rem;
}