/* theme.css — GENERATED from packages/ui/theme by `npm run theme`. Do not edit: change packages/ui/brands/company.ts. */
:root {
  /* 1. palette — the only values */
  --p-canvas: #fff8f0;
  --p-surface: #ffffff;
  --p-ink: #2c2620;
  --p-muted: #7a7167;
  --p-line: #eaddca;
  --p-surface-raised: #fffcf8;
  --p-surface-sunk: #f4eee6;
  --p-line-subtle: #f2e7d8;
  --p-ink-soft: #5a524a;
  --p-faint: #bfb7ae;
  --p-night: #1d1915;
  --p-on-night: #f4eee6;
  --p-night-raised: #38342f;
  --p-scrim: rgba(29, 25, 21, 0.45);
  --p-shadow-night: rgba(29, 25, 21, 0.25);
  --p-shadow-warm: rgba(122, 84, 16, 0.08);
  --p-shadow-warm-faint: rgba(122, 84, 16, 0.05);
  --p-shadow-warm-strong: rgba(122, 84, 16, 0.16);
  --p-primary: #e05a44;
  --p-primary-deep: #c4442f;
  --p-on-primary: #ffffff;
  --p-primary-shade: #913223;
  --p-primary-glow: rgba(224, 90, 68, 0.25);
  --p-primary-glow-faint: rgba(224, 90, 68, 0.12);
  --p-danger: #e05a44;
  --p-danger-deep: #c4442f;
  --p-danger-shade: #913223;
  --p-danger-ink: #b8402c;
  --p-danger-tint: #fbeae7;
  --p-danger-edge: #f4c2ba;
  --p-accent: #4f9d5d;
  --p-accent-deep: #2f6b3b;
  --p-accent-mid: #387a45;
  --p-accent-tint: #e8f2ea;
  --p-accent-edge: #cfe5d3;
  --p-accent-wash: #f6faf7;
  --p-accent-glow: rgba(79, 157, 93, 0.55);
  --p-accent-glow-none: rgba(79, 157, 93, 0);
  --p-accent-deep-glow: rgba(47, 107, 59, 0.28);
  --p-highlight: #e8b84b;
  --p-highlight-soft: #ffe9b0;
  --p-highlight-deep: #7a5410;
  --p-highlight-mid: #976e1f;
  --p-highlight-label: #a27825;
  --p-highlight-wash: #fbf4e2;
  --p-highlight-paper: #fefbf6;
  --p-highlight-edge: #f6d588;
  --p-info: #3b6ea5;
  --p-info-deep: #2b527c;
  --p-info-tint: #e2e9f2;
  --p-info-faint: #eff3f8;
  --p-info-rule: #dee6f0;
  --p-info-edge: #9fb4cb;
  --p-state-learning-fill: #dfa63a;
  --p-state-learning-tint: #fcefd2;
  --p-state-learning-edge: #dfa63a;
  --p-state-learning-ink: #6b4708;
  --p-state-solid-fill: #4f9d5d;
  --p-state-solid-tint: #dbefde;
  --p-state-solid-edge: #4f9d5d;
  --p-state-solid-ink: #22552d;
  --p-state-secure-fill: #0d6390;
  --p-state-secure-tint: #d5e6f0;
  --p-state-secure-edge: #0d6390;
  --p-state-secure-ink: #0a4566;
  --p-player-review-fill: #6b4fbb;
  --p-player-review-deep: #4f3896;
  --p-player-review-tint: #efeafb;
  /* 2. meanings — what screens use */
  --c-canvas: var(--p-canvas);
  --c-surface: var(--p-surface);
  --c-surface-raised: var(--p-surface-raised);
  --c-surface-sunk: var(--p-surface-sunk);
  --c-text: var(--p-ink);
  --c-text-soft: var(--p-ink-soft);
  --c-text-muted: var(--p-muted);
  --c-text-faint: var(--p-faint);
  --c-border: var(--p-line);
  --c-border-subtle: var(--p-line-subtle);
  --c-night: var(--p-night);
  --c-on-night: var(--p-on-night);
  --c-night-raised: var(--p-night-raised);
  --c-scrim: var(--p-scrim);
  --c-shadow-night: var(--p-shadow-night);
  --c-shadow-warm: var(--p-shadow-warm);
  --c-shadow-warm-faint: var(--p-shadow-warm-faint);
  --c-shadow-warm-strong: var(--p-shadow-warm-strong);
  --c-primary: var(--p-primary);
  --c-primary-strong: var(--p-primary-deep);
  --c-link: var(--p-primary-deep);
  --c-primary-shadow: var(--p-primary-shade);
  --c-on-primary: var(--p-on-primary);
  --c-live-glow: var(--p-primary-glow);
  --c-live-glow-faint: var(--p-primary-glow-faint);
  --c-danger: var(--p-danger);
  --c-danger-strong: var(--p-danger-deep);
  --c-danger-shadow: var(--p-danger-shade);
  --c-danger-bg: var(--p-danger-tint);
  --c-danger-border: var(--p-danger-edge);
  --c-danger-text: var(--p-danger-ink);
  --c-accent: var(--p-accent);
  --c-accent-bg: var(--p-accent-tint);
  --c-accent-border: var(--p-accent-edge);
  --c-accent-wash: var(--p-accent-wash);
  --c-accent-text: var(--p-accent-deep);
  --c-accent-shadow: var(--p-accent-mid);
  --c-accent-strong: var(--p-accent-mid);
  --c-accent-glow: var(--p-accent-glow);
  --c-accent-glow-none: var(--p-accent-glow-none);
  --c-accent-deep-glow: var(--p-accent-deep-glow);
  --c-attention-bg: var(--p-highlight-soft);
  --c-attention-border: var(--p-highlight);
  --c-attention-text: var(--p-highlight-deep);
  --c-attention-strong: var(--p-highlight-mid);
  --c-attention-label: var(--p-highlight-label);
  --c-attention-wash: var(--p-highlight-wash);
  --c-attention-paper: var(--p-highlight-paper);
  --c-info: var(--p-info);
  --c-info-bg: var(--p-info-faint);
  --c-info-text: var(--p-info-deep);
  --c-rule: var(--p-info-rule);
  --c-rule-grid: var(--p-info-tint);
  --c-rule-strong: var(--p-info-edge);
  --c-player-review-fill: var(--p-player-review-fill);
  --c-player-review-deep: var(--p-player-review-deep);
  --c-player-review-tint: var(--p-player-review-tint);
  --c-state-learning-fill: var(--p-state-learning-fill);
  --c-state-learning-tint: var(--p-state-learning-tint);
  --c-state-learning-edge: var(--p-state-learning-edge);
  --c-state-learning-ink: var(--p-state-learning-ink);
  --c-state-solid-fill: var(--p-state-solid-fill);
  --c-state-solid-tint: var(--p-state-solid-tint);
  --c-state-solid-edge: var(--p-state-solid-edge);
  --c-state-solid-ink: var(--p-state-solid-ink);
  --c-state-secure-fill: var(--p-state-secure-fill);
  --c-state-secure-tint: var(--p-state-secure-tint);
  --c-state-secure-edge: var(--p-state-secure-edge);
  --c-state-secure-ink: var(--p-state-secure-ink);
  /* 3. components */
  --button-primary-bg: var(--c-primary-strong);
  --button-primary-text: var(--c-on-primary);
  --button-primary-edge: var(--c-primary-shadow);
  --button-accent-bg: var(--c-accent-strong);
  --button-accent-text: var(--c-on-primary);
  --button-accent-edge: var(--c-accent-text);
  --button-danger-bg: var(--c-danger-strong);
  --button-danger-edge: var(--c-danger-shadow);
  --button-ghost-bg: var(--c-surface);
  --button-ghost-border: var(--c-border);
  --button-ghost-text: var(--c-text-muted);
  --chip-bg: var(--c-surface);
  --chip-border: var(--c-border);
  --chip-text: var(--c-text-muted);
  --chip-on-bg: var(--c-accent-bg);
  --chip-on-border: var(--c-accent);
  --chip-on-text: var(--c-accent-text);
  --chip-alarm-bg: var(--c-danger-bg);
  --chip-alarm-border: var(--c-danger-border);
  --chip-alarm-text: var(--c-danger-text);
  --focus-ring: var(--c-primary);
  --paper-rule: var(--c-rule);
  --paper-grid: var(--c-rule-grid);
  --paper-guide: var(--c-rule-strong);
}
:root {
  /* 4. motion — how long, and how it eases */
  --motion-instant: 100ms;
  --motion-quick: 150ms;
  --motion-settle: 300ms;
  --motion-celebrate: 420ms;
  --motion-fade: 600ms;
  --ease-standard: ease;
  --ease-enter: cubic-bezier(.2, .8, .3, 1);
  --ease-exit: ease-in;
  --ease-bounce: cubic-bezier(.2, 1.4, .4, 1);
  --loop-pulse: 1.4s;
  --loop-spin: 900ms;
  --loop-state: running;
  --press-scale: .985;
}
/* One rule for every device that asked for less motion: anything timed with the tokens obeys it. */
@media (prefers-reduced-motion: reduce) {
  :root {
    --motion-instant: 0.01ms;
    --motion-quick: 0.01ms;
    --motion-settle: 0.01ms;
    --motion-celebrate: 0.01ms;
    --motion-fade: 0.01ms;
    --ease-bounce: var(--ease-standard);
    --loop-state: paused;
    --press-scale: 1;
  }
}

:root {
  /* 5. layout — the short screen, the edge, the safe area, stacking, shadows, the live class (layout.ts) */
  --short-below: 31.25rem;
  --edge: var(--space-4);
  --safe-top: env(safe-area-inset-top, 0px);
  --safe-right: env(safe-area-inset-right, 0px);
  --safe-bottom: env(safe-area-inset-bottom, 0px);
  --safe-left: env(safe-area-inset-left, 0px);
  --sheet-side-w: 26.25rem;
  --map-year-tile-min: 16.25rem;
  --family-main-w: min(60rem, 100%);
  --family-col-w: min(40rem, 100%);
  --family-side-w: 17.5rem;
  --about-w: min(45rem, 100%);
  --mfa-qr: 10.25rem;
  --z-raised: 1;
  --z-label: 2;
  --z-tile: 3;
  --z-float: 4;
  --z-bar: 5;
  --z-ink: 6;
  --z-alert: 8;
  --z-ask: 9;
  --z-sticky: 10;
  --z-header: 20;
  --z-menu: 30;
  --z-skip: 50;
  --z-overlay: 60;
  --ring-1: 0 0 0 1px;
  --ring-2: 0 0 0 2px;
  --ring-3: 0 0 0 3px;
  --ring-4: 0 0 0 4px;
  --ring-6: 0 0 0 6px;
  --inset-ring-1: inset 0 0 0 1px;
  --inset-ring-2: inset 0 0 0 2px;
  --inset-ring-3: inset 0 0 0 3px;
  --inset-start-3: inset 3px 0 0;
  --inset-glow: inset 0 0 22px 2px;
  --inset-paper: inset 0 0 14px;
  --inset-paper-near: inset 0 0 3px;
  --press-2: 0 2px 0;
  --press-3: 0 3px 0;
  --lift-1: 0 1px 3px;
  --lift-2: 0 3px 10px;
  --lift-3: 0 4px 12px;
  --lift-4: 0 4px 14px;
  --lift-5: 0 6px 18px;
  --lift-6: 0 10px 28px;
  --lift-7: 0 10px 30px;
  --lift-8: 0 18px 50px;
  --lift-9: 0 20px 48px;
  --class-self-face: 16.25rem;
  --class-wrap-card: min(26.25rem, 90vw);
  --class-ask-w: min(30rem, 90vw);
  --class-feel-w: min(35rem, 90vw);
  --class-gate-w: min(35rem, 90vw);
  --class-warmup-w: min(21.25rem, 90vw);
  --class-well-done-w: min(40rem, 90vw);
  --class-ready-card-w: min(45rem, 90vw);
  --class-ready-note-w: min(26.25rem, 90vw);
  --class-initial-full: 10rem;
  --class-name-lift: 6.25rem;
  --class-well-done-lift: 6.875rem;
  --class-topic-w: 17.5rem;
  --class-answer-w: 11.25rem;
  --class-scratch-h: 16.25rem;
  --class-help-w: min(33.75rem, 90vw);
  --class-sound-bar-w: min(26.25rem, 90vw);
  --class-sub-h: clamp(3.75rem, 11.5dvh, 5.75rem);
  --class-sub-now: 1.625rem;
  --class-sub-now-down: 1.375rem;
  --class-sub-now-phone: 1rem;
  --class-sub-now-phone-down: 0.875rem;
  --class-badge-w: 15.625rem;
  --class-badge-w-narrow: 9.75rem;
  --class-picture-slot: 16.875rem;
  --class-picture-slot-narrow: 14.375rem;
  --class-next-w: 10.125rem;
  --class-band-h: 5.625rem;
  --class-menu-w: 16.875rem;
  --class-strip-h: 2rem;
  --class-bar-h: 5rem;
  --class-tile-h: 4rem;
  --class-bar-h-phone: 4.5rem;
  --class-tile-h-phone: 3.5rem;
  --class-bar2-h: 3.5rem;
  --class-dock-h: 5.875rem;
  --class-dock-h-icons: 5.25rem;
  --class-dock-h-side: 4.5625rem;
  --class-feel-bar-h: clamp(4.5rem, 14dvh, 6.625rem);
  --class-wrap-bar-h: clamp(6rem, 19dvh, 9.125rem);
  --class-more-w: min(29.375rem, 90vw);
  --bar-h: clamp(3.5rem, 8svh, 4.75rem);
  --panel-side: minmax(17.5rem, 28%);
  --rail: clamp(3.5rem, 4vw, 4rem);
  --talk-strip: clamp(5rem, 14dvh, 8rem);
  --sub-bar: clamp(3.75rem, 9dvh, 6rem);
  --card-over: min(36rem, 90%);
  --page-main: min(60rem, 100%);
  --rail-nav: 15rem;
  --task-main: 45rem;
  --reading: 70ch;
  --col-kind: 7rem;
  --col-waiting: 5.5rem;
  --col-who: 11rem;
  --col-next: 11rem;
  --col-next-long: 14rem;
  --col-family: 10.5rem;
  --col-windows: 10rem;
  --col-days-left: 7rem;
  --col-stage: 12.5rem;
  --col-last-active: 8rem;
  --col-when: 10rem;
  --col-children: 9rem;
  --col-children-short: 7.5rem;
  --col-country: 7rem;
  --col-person: 6rem;
  --col-count: 6rem;
  --col-grade: 7rem;
  --col-report-first: 13rem;
  --col-money: 11rem;
  --col-money-total: 12rem;
  --col-day: 9rem;
  --col-time: 7rem;
  --col-child: 8rem;
  --col-status: 8.75rem;
  --col-page: 16.5rem;
  --col-duration: 8.5rem;
  --col-fill-min: 10rem;
  --table-row-h: 3.75rem;
  --table-bar-h: 1rem;
}

/* 6. looks — Night and Paper for the live class (looks.ts), by `data-look` on the class container */
:root, .class[data-look="night"] {
  --look-chrome: #1d1915;
  --look-raised: #38342f;
  --look-on: #f4eee6;
  --look-edge: #38342f;
  --look-shadow: rgba(29, 25, 21, 0.25);
  --look-flag: #e8b84b;
}
.class[data-look="paper"] {
  --look-chrome: #fff8f0;
  --look-raised: #f4eee6;
  --look-on: #2c2620;
  --look-edge: #968c80;
  --look-shadow: rgba(122, 84, 16, 0.16);
  --look-flag: #7a5410;
}
.class--tutor[data-look="night"],
.class--child[data-look="night"] .band-more {
  --c-canvas: #1d1915;
  --c-surface: #38342f;
  --c-surface-raised: #433f3a;
  --c-surface-sunk: #1d1915;
  --c-link: #ebab9d;
  --c-text: #f4eee6;
  --c-text-soft: #cbc5be;
  --c-text-muted: #b0aba4;
  --c-text-faint: #837e78;
  --c-border: #5e5954;
  --c-border-subtle: #4b4741;
  --c-shadow-warm: rgba(29, 25, 21, 0.25);
  --c-shadow-warm-faint: rgba(29, 25, 21, 0.25);
  --c-shadow-warm-strong: rgba(29, 25, 21, 0.25);
  --c-accent-bg: #3f543d;
  --c-accent-border: #46734b;
  --c-accent-wash: #3b4135;
  --c-accent-text: #aacaa8;
  --c-danger-bg: #673f35;
  --c-danger-border: #9d4b3c;
  --c-danger-text: #ebab9d;
  --c-attention-bg: #584c34;
  --c-attention-border: #e8b84b;
  --c-attention-text: #fcebc0;
  --c-attention-strong: #705e38;
  --c-attention-label: #e8b84b;
  --c-attention-wash: #4a4132;
  --c-attention-paper: #433c31;
  --c-info-bg: #394149;
  --c-info-text: #a1b4c9;
  --c-info: #aabbcc;
  --c-rule: #394552;
  --c-rule-grid: #394047;
  --c-rule-strong: #3a516a;
  --button-primary-bg: var(--c-primary-strong);
  --button-primary-text: var(--c-on-primary);
  --button-primary-edge: var(--c-primary-shadow);
  --button-accent-bg: var(--c-accent-strong);
  --button-accent-text: var(--c-on-primary);
  --button-accent-edge: var(--c-accent-text);
  --button-danger-bg: var(--c-danger-strong);
  --button-danger-edge: var(--c-danger-shadow);
  --button-ghost-bg: var(--c-surface);
  --button-ghost-border: var(--c-border);
  --button-ghost-text: var(--c-text-muted);
  --chip-bg: var(--c-surface);
  --chip-border: var(--c-border);
  --chip-text: var(--c-text-muted);
  --chip-on-bg: var(--c-accent-bg);
  --chip-on-border: var(--c-accent);
  --chip-on-text: var(--c-accent-text);
  --chip-alarm-bg: var(--c-danger-bg);
  --chip-alarm-border: var(--c-danger-border);
  --chip-alarm-text: var(--c-danger-text);
  --focus-ring: var(--c-primary);
  --paper-rule: var(--c-rule);
  --paper-grid: var(--c-rule-grid);
  --paper-guide: var(--c-rule-strong);
}
.class--tutor[data-look="night"] .surface-fill,
.class--tutor[data-look="night"] .pad-page {
  --c-canvas: var(--p-canvas);
  --c-surface: var(--p-surface);
  --c-surface-raised: var(--p-surface-raised);
  --c-surface-sunk: var(--p-surface-sunk);
  --c-link: var(--p-primary-deep);
  --c-text: var(--p-ink);
  --c-text-soft: var(--p-ink-soft);
  --c-text-muted: var(--p-muted);
  --c-text-faint: var(--p-faint);
  --c-border: var(--p-line);
  --c-border-subtle: var(--p-line-subtle);
  --c-shadow-warm: var(--p-shadow-warm);
  --c-shadow-warm-faint: var(--p-shadow-warm-faint);
  --c-shadow-warm-strong: var(--p-shadow-warm-strong);
  --c-accent-bg: var(--p-accent-tint);
  --c-accent-border: var(--p-accent-edge);
  --c-accent-wash: var(--p-accent-wash);
  --c-accent-text: var(--p-accent-deep);
  --c-danger-bg: var(--p-danger-tint);
  --c-danger-border: var(--p-danger-edge);
  --c-danger-text: var(--p-danger-ink);
  --c-attention-bg: var(--p-highlight-soft);
  --c-attention-border: var(--p-highlight);
  --c-attention-text: var(--p-highlight-deep);
  --c-attention-strong: var(--p-highlight-mid);
  --c-attention-label: var(--p-highlight-label);
  --c-attention-wash: var(--p-highlight-wash);
  --c-attention-paper: var(--p-highlight-paper);
  --c-info-bg: var(--p-info-faint);
  --c-info-text: var(--p-info-deep);
  --c-info: var(--p-info);
  --c-rule: var(--p-info-rule);
  --c-rule-grid: var(--p-info-tint);
  --c-rule-strong: var(--p-info-edge);
  --button-primary-bg: var(--c-primary-strong);
  --button-primary-text: var(--c-on-primary);
  --button-primary-edge: var(--c-primary-shadow);
  --button-accent-bg: var(--c-accent-strong);
  --button-accent-text: var(--c-on-primary);
  --button-accent-edge: var(--c-accent-text);
  --button-danger-bg: var(--c-danger-strong);
  --button-danger-edge: var(--c-danger-shadow);
  --button-ghost-bg: var(--c-surface);
  --button-ghost-border: var(--c-border);
  --button-ghost-text: var(--c-text-muted);
  --chip-bg: var(--c-surface);
  --chip-border: var(--c-border);
  --chip-text: var(--c-text-muted);
  --chip-on-bg: var(--c-accent-bg);
  --chip-on-border: var(--c-accent);
  --chip-on-text: var(--c-accent-text);
  --chip-alarm-bg: var(--c-danger-bg);
  --chip-alarm-border: var(--c-danger-border);
  --chip-alarm-text: var(--c-danger-text);
  --focus-ring: var(--c-primary);
  --paper-rule: var(--c-rule);
  --paper-grid: var(--c-rule-grid);
  --paper-guide: var(--c-rule-strong);
  background: var(--c-surface); color: var(--c-text);
}
:root {
--c-site-night-muted: #bfb7ae;
--c-night: #1d1915;
--c-on-night: #f4eee6;
--c-night-raised: #38342f;
--c-site-light: #f4eee6;
--c-site-dark: #1d1915;
--c-site-spark-core: #7a5410;
--c-site-mountain-far: #7a7167;
--c-site-primary-tint: #fae5e1;
--c-site-mountain-back: #48443f;
--c-site-mountain-front: #6a6660;
--c-accent-bg: #e8f2ea;
--c-attention-wash: #fbf4e2;
--c-rule-grid: #e2e9f2;
--font-site: -apple-system, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
--text-site-hero: clamp(3rem, 7.2vw, 6rem);
--text-site-heading: clamp(2rem, 4.6vw, 4rem);
--text-site-careers: clamp(3rem, 6.4vw, 6rem);
--text-site-hero-phone: clamp(3rem, 13.5vw, 4rem);
}:root { --loop-site-art: 5s; --loop-site-orbit: 80s;
  --loop-site-orbit-middle: 120s; --loop-site-orbit-outer: 160s;
  --loop-site-twinkle: 4s; --loop-site-pulse: 3.2s; --delay-site-pulse: 1.6s;
  --delay-site-bob-middle: -1.6s; --delay-site-bob-outer: -3.2s;
  --loop-site-speech: 6s; --loop-site-flight: 7s; --loop-site-globe: 14s;
  --ease-site-ripple: cubic-bezier(.2,.6,.3,1); --loop-site-ripple: 6s; --delay-site-ripple-two: 1.5s; --delay-site-ripple-three: 3s; --delay-site-ripple-four: 4.5s;
  --motion-site-trail: 2.4s; --motion-site-outline: 400ms;
  --motion-site-reveal: 700ms; --motion-site-rise: 900ms;
  --delay-site-reveal: 0s; --delay-site-reveal-one: 120ms; --delay-site-reveal-two: 240ms; --delay-site-reveal-three: 360ms;
  --motion-site-draw: 1800ms; --motion-site-draw-delay: 300ms; --motion-site-spark-delay: 2100ms;
  --motion-site-none: 0s; --motion-site-ring: 700ms; --motion-site-headline-hold: 5000ms;
}
@media (prefers-reduced-motion: no-preference) { html { scroll-behavior: smooth; } }
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation: none !important; transition: none !important; }
  .hero-line { visibility: hidden !important; opacity: 0 !important; }
  .hero-line:first-child { visibility: visible !important; opacity: 1 !important; }
  .rip { opacity: .35 !important; }
  .say1, .twk, .fly, .rv { opacity: 1 !important; transform: none !important; }
  .draw, .trail { stroke-dashoffset: 0 !important; }
  .px { transform: none !important; }
}
@media (prefers-color-scheme: dark) { :root {
  /* 1. palette — the only values */
  --p-canvas: #1d1915;
  --p-surface: #29241f;
  --p-ink: #f4eee6;
  --p-muted: #c5bdb3;
  --p-line: #554b40;
  --p-surface-raised: #8e8c8a;
  --p-surface-sunk: #28241f;
  --p-line-subtle: #413931;
  --p-ink-soft: #d8d1c8;
  --p-faint: #6e6861;
  --p-night: #a39f9a;
  --p-on-night: #28241f;
  --p-night-raised: #938f8a;
  --p-scrim: rgba(163, 159, 154, 0.45);
  --p-shadow-night: rgba(163, 159, 154, 0.25);
  --p-shadow-warm: rgba(242, 212, 140, 0.08);
  --p-shadow-warm-faint: rgba(242, 212, 140, 0.05);
  --p-shadow-warm-strong: rgba(242, 212, 140, 0.16);
  --p-primary: #e05a44;
  --p-primary-deep: #f0a596;
  --p-on-primary: #1d1915;
  --p-primary-shade: #b27a6f;
  --p-primary-glow: rgba(224, 90, 68, 0.25);
  --p-primary-glow-faint: rgba(224, 90, 68, 0.12);
  --p-danger: #e7806e;
  --p-danger-deep: #f0a596;
  --p-danger-shade: #b27a6f;
  --p-danger-ink: #e29b8d;
  --p-danger-tint: #fceeec;
  --p-danger-edge: #f6d0c9;
  --p-accent: #83ba8d;
  --p-accent-deep: #a6d1ae;
  --p-accent-mid: #9ccaa4;
  --p-accent-tint: #eff6f0;
  --p-accent-edge: #deece0;
  --p-accent-wash: #f9fcf9;
  --p-accent-glow: rgba(131, 186, 141, 0.55);
  --p-accent-glow-none: rgba(131, 186, 141, 0);
  --p-accent-deep-glow: rgba(166, 209, 174, 0.28);
  --p-highlight: #e8b84b;
  --p-highlight-soft: #483b1f;
  --p-highlight-deep: #f2d48c;
  --p-highlight-mid: #efcd7b;
  --p-highlight-label: #eeca75;
  --p-highlight-wash: #fbf4e2;
  --p-highlight-paper: #fefbf6;
  --p-highlight-edge: #886d31;
  --p-info: #90b5db;
  --p-info-deep: #b0ccea;
  --p-info-tint: #eef4fa;
  --p-info-faint: #f6f9fc;
  --p-info-rule: #ecf2f9;
  --p-info-edge: #556576;
  --p-state-learning-fill: #dfa63a;
  --p-state-learning-tint: #fcefd2;
  --p-state-learning-edge: #dfa63a;
  --p-state-learning-ink: #6b4708;
  --p-state-solid-fill: #4f9d5d;
  --p-state-solid-tint: #dbefde;
  --p-state-solid-edge: #4f9d5d;
  --p-state-solid-ink: #22552d;
  --p-state-secure-fill: #0d6390;
  --p-state-secure-tint: #d5e6f0;
  --p-state-secure-edge: #0d6390;
  --p-state-secure-ink: #0a4566;
  --p-player-review-fill: #a894ec;
  --p-player-review-deep: #cfc4f6;
  --p-player-review-tint: #2a2342;
  /* 2. meanings — what screens use */
  --c-canvas: var(--p-canvas);
  --c-surface: var(--p-surface);
  --c-surface-raised: var(--p-surface-raised);
  --c-surface-sunk: var(--p-surface-sunk);
  --c-text: var(--p-ink);
  --c-text-soft: var(--p-ink-soft);
  --c-text-muted: var(--p-muted);
  --c-text-faint: var(--p-faint);
  --c-border: var(--p-line);
  --c-border-subtle: var(--p-line-subtle);
  --c-night: var(--p-night);
  --c-on-night: var(--p-on-night);
  --c-night-raised: var(--p-night-raised);
  --c-scrim: var(--p-scrim);
  --c-shadow-night: var(--p-shadow-night);
  --c-shadow-warm: var(--p-shadow-warm);
  --c-shadow-warm-faint: var(--p-shadow-warm-faint);
  --c-shadow-warm-strong: var(--p-shadow-warm-strong);
  --c-primary: var(--p-primary);
  --c-primary-strong: var(--p-primary-deep);
  --c-link: var(--p-primary-deep);
  --c-primary-shadow: var(--p-primary-shade);
  --c-on-primary: var(--p-on-primary);
  --c-live-glow: var(--p-primary-glow);
  --c-live-glow-faint: var(--p-primary-glow-faint);
  --c-danger: var(--p-danger);
  --c-danger-strong: var(--p-danger-deep);
  --c-danger-shadow: var(--p-danger-shade);
  --c-danger-bg: var(--p-danger-tint);
  --c-danger-border: var(--p-danger-edge);
  --c-danger-text: var(--p-danger-ink);
  --c-accent: var(--p-accent);
  --c-accent-bg: var(--p-accent-tint);
  --c-accent-border: var(--p-accent-edge);
  --c-accent-wash: var(--p-accent-wash);
  --c-accent-text: var(--p-accent-deep);
  --c-accent-shadow: var(--p-accent-mid);
  --c-accent-strong: var(--p-accent-mid);
  --c-accent-glow: var(--p-accent-glow);
  --c-accent-glow-none: var(--p-accent-glow-none);
  --c-accent-deep-glow: var(--p-accent-deep-glow);
  --c-attention-bg: var(--p-highlight-soft);
  --c-attention-border: var(--p-highlight);
  --c-attention-text: var(--p-highlight-deep);
  --c-attention-strong: var(--p-highlight-mid);
  --c-attention-label: var(--p-highlight-label);
  --c-attention-wash: var(--p-highlight-wash);
  --c-attention-paper: var(--p-highlight-paper);
  --c-info: var(--p-info);
  --c-info-bg: var(--p-info-faint);
  --c-info-text: var(--p-info-deep);
  --c-rule: var(--p-info-rule);
  --c-rule-grid: var(--p-info-tint);
  --c-rule-strong: var(--p-info-edge);
  --c-player-review-fill: var(--p-player-review-fill);
  --c-player-review-deep: var(--p-player-review-deep);
  --c-player-review-tint: var(--p-player-review-tint);
  --c-state-learning-fill: var(--p-state-learning-fill);
  --c-state-learning-tint: var(--p-state-learning-tint);
  --c-state-learning-edge: var(--p-state-learning-edge);
  --c-state-learning-ink: var(--p-state-learning-ink);
  --c-state-solid-fill: var(--p-state-solid-fill);
  --c-state-solid-tint: var(--p-state-solid-tint);
  --c-state-solid-edge: var(--p-state-solid-edge);
  --c-state-solid-ink: var(--p-state-solid-ink);
  --c-state-secure-fill: var(--p-state-secure-fill);
  --c-state-secure-tint: var(--p-state-secure-tint);
  --c-state-secure-edge: var(--p-state-secure-edge);
  --c-state-secure-ink: var(--p-state-secure-ink);
  /* 3. components */
  --button-primary-bg: var(--c-primary-strong);
  --button-primary-text: var(--c-on-primary);
  --button-primary-edge: var(--c-primary-shadow);
  --button-accent-bg: var(--c-accent-strong);
  --button-accent-text: var(--c-on-primary);
  --button-accent-edge: var(--c-accent-text);
  --button-danger-bg: var(--c-danger-strong);
  --button-danger-edge: var(--c-danger-shadow);
  --button-ghost-bg: var(--c-surface);
  --button-ghost-border: var(--c-border);
  --button-ghost-text: var(--c-text-muted);
  --chip-bg: var(--c-surface);
  --chip-border: var(--c-border);
  --chip-text: var(--c-text-muted);
  --chip-on-bg: var(--c-accent-bg);
  --chip-on-border: var(--c-accent);
  --chip-on-text: var(--c-accent-text);
  --chip-alarm-bg: var(--c-danger-bg);
  --chip-alarm-border: var(--c-danger-border);
  --chip-alarm-text: var(--c-danger-text);
  --focus-ring: var(--c-primary);
  --paper-rule: var(--c-rule);
  --paper-grid: var(--c-rule-grid);
  --paper-guide: var(--c-rule-strong);


--c-site-night-muted: #bfb7ae;
--c-night: #29241f;
--c-on-night: #f4eee6;
--c-night-raised: #38342f;
--c-site-light: #f4eee6;
--c-site-dark: #1d1915;
--c-site-spark-core: #7a5410;
--c-site-mountain-far: #7a7167;
--c-site-primary-tint: #462d25;
--c-site-mountain-back: #48443f;
--c-site-mountain-front: #6a6660;
--c-accent-bg: #35382d;
--c-attention-wash: #383023;
--c-rule-grid: #383a3b;
--font-site: -apple-system, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
--text-site-hero: clamp(3rem, 7.2vw, 6rem);
--text-site-heading: clamp(2rem, 4.6vw, 4rem);
--text-site-careers: clamp(3rem, 6.4vw, 6rem);
--text-site-hero-phone: clamp(3rem, 13.5vw, 4rem);
} }