:root {
    --page-canvas: #f7f4ee;
    --page-canvas-raised: #ffffff;
    --text-primary: #243145;
    --text-muted: #667085;
    --copy-solid: #ffffff;
    --copy-quiet: rgba(36, 49, 69, 0.55);
    --copy-subtle: rgba(36, 49, 69, 0.62);
    --copy-muted: rgba(36, 49, 69, 0.7);
    --copy-soft: rgba(36, 49, 69, 0.78);
    --copy-reading: rgba(36, 49, 69, 0.84);
    --copy-emphasis: rgba(36, 49, 69, 0.9);
    --copy-bright-soft: rgba(36, 49, 69, 0.82);
    --copy-strong: rgba(36, 49, 69, 0.92);
    --copy-peak: rgba(36, 49, 69, 0.98);
    --copy-max: #243145;
    --copy-alert-soft: #e36a5d;
    --copy-alert-muted: #d76b61;
    --copy-alert-warm: #b95d4d;
    --copy-warm: #b86a2b;
    --copy-warm-soft: #c98447;
    --copy-warm-bright: #b8682a;
    --copy-warm-max: #a95b21;
    --copy-success: #2f9d61;
    --copy-lowlight: rgba(92, 107, 130, 0.78);
    --copy-placeholder: rgba(102, 112, 133, 0.78);
    --copy-on-accent: #5a2f0d;
    --copy-on-accent-strong: #4d2406;

    --glass-whisper: rgba(255, 255, 255, 0.52);
    --glass-mist: rgba(255, 255, 255, 0.62);
    --glass-soft: rgba(255, 255, 255, 0.74);
    --glass-panel: rgba(255, 255, 255, 0.84);
    --glass-fill: rgba(255, 255, 255, 0.92);
    --glass-clear: rgba(255, 255, 255, 0);
    --clear-fill: transparent;
    --mask-fill: black;
    --glass-lift: rgba(255, 255, 255, 0.97);
    --glass-hold: rgba(148, 163, 184, 0.12);
    --glass-strong: rgba(148, 163, 184, 0.18);
    --glass-press: rgba(148, 163, 184, 0.24);
    --edge-soft: rgba(36, 49, 69, 0.12);
    --edge-muted: rgba(36, 49, 69, 0.18);
    --edge-strong: rgba(36, 49, 69, 0.24);
    --edge-active: rgba(36, 49, 69, 0.3);
    --edge-focus-soft: rgba(79, 131, 255, 0.22);
    --edge-focus: rgba(36, 49, 69, 0.36);
    --edge-stronger: rgba(36, 49, 69, 0.42);
    --edge-focus-strong: rgba(36, 49, 69, 0.48);
    --edge-spotlight: rgba(255, 255, 255, 0.58);

    --shadow-soft: 0 40px 120px rgba(36, 49, 69, 0.12);
    --shadow-low: rgba(36, 49, 69, 0.08);
    --shadow-mid: rgba(36, 49, 69, 0.14);
    --shadow-strong: rgba(36, 49, 69, 0.18);
    --shadow-deep: rgba(36, 49, 69, 0.24);
    --shadow-card: rgba(36, 49, 69, 0.16);
    --scrim-soft: rgba(255, 247, 236, 0.8);
    --scrim-strong: rgba(248, 240, 226, 0.92);

    --ink-panel-subtle: rgba(255, 250, 244, 0.82);
    --ink-panel-soft: rgba(255, 252, 247, 0.92);
    --ink-panel: rgba(255, 252, 247, 0.95);
    --ink-panel-strong: rgba(255, 255, 255, 0.98);
    --ink-panel-max: #ffffff;
    --ink-field: rgba(248, 250, 252, 0.98);
    --ink-field-hover: rgba(241, 245, 249, 0.98);

    --accent-base: #ff9b4b;
    --accent-start: #ff8b2b;
    --accent-start-strong: #ff7a1a;
    --accent-start-soft: #ff9645;
    --accent-mid: #ffbe75;
    --accent-mid-soft: #ffd09a;
    --accent-top: #ffae63;
    --accent-end-soft: #ffd8ad;
    --accent-end: #ffe8cb;
    --accent-end-warm: #fff1de;
    --accent-end-strong: #ffe0b5;
    --accent-end-max: #fff7eb;
    --accent-confetti: #ffcf84;
    --accent-progress: #ffb066;
    --accent-glow: rgba(255, 139, 43, 0.26);
    --accent-ring: rgba(255, 139, 43, 0.42);
    --accent-ring-soft: rgba(255, 139, 43, 0.38);
    --accent-ring-muted: rgba(255, 139, 43, 0.34);
    --accent-ring-gentle: rgba(255, 139, 43, 0.28);
    --accent-ring-warm: rgba(255, 139, 43, 0.26);
    --accent-ring-lift: rgba(255, 139, 43, 0.5);
    --accent-lamp: rgba(255, 158, 78, 0.92);
    --accent-wash: rgba(255, 189, 120, 0.45);
    --accent-wash-subtle: rgba(255, 189, 120, 0.18);
    --accent-halo: rgba(255, 139, 43, 0.14);
    --accent-sheen: rgba(255, 139, 43, 0.1);
    --accent-shadow: rgba(255, 139, 43, 0.18);
    --accent-shadow-strong: rgba(255, 139, 43, 0.24);
    --accent-wash-hot: rgba(255, 139, 43, 0.22);
    --accent-raise: rgba(255, 139, 43, 0.28);
    --accent-burst: rgba(255, 139, 43, 0.18);
    --accent-claim-shadow: rgba(255, 139, 43, 0.22);
    --accent-claim-shadow-strong: rgba(255, 139, 43, 0.28);
    --accent-send-shadow: rgba(255, 139, 43, 0.18);
    --accent-send-shadow-strong: rgba(255, 139, 43, 0.24);
    --accent-focus: rgba(255, 139, 43, 0.52);
    --accent-focus-halo: rgba(255, 139, 43, 0.14);

    --support-base: #4f83ff;
    --support-glow: rgba(79, 131, 255, 0.18);
    --support-wash: rgba(79, 131, 255, 0.14);
    --support-wash-soft: rgba(79, 131, 255, 0.12);
    --support-pill: rgba(79, 131, 255, 0.16);
    --support-shell-edge: rgba(79, 131, 255, 0.5);
    --support-shell-sheen: rgba(255, 255, 255, 0.2);
    --support-focus: rgba(79, 131, 255, 0.7);
    --support-frame: rgba(79, 131, 255, 0.42);
    --support-frame-soft: rgba(79, 131, 255, 0.22);
    --support-halo: rgba(79, 131, 255, 0.14);
    --support-aura: #67b3ff;
    --support-aura-soft: rgba(103, 179, 255, 0.12);
    --support-aura-halo: rgba(103, 179, 255, 0.18);
    --support-aura-ring: rgba(103, 179, 255, 0.28);
    --support-aura-edge: rgba(103, 179, 255, 0.36);
    --support-aura-focus: rgba(103, 179, 255, 0.46);
    --support-aura-glow: rgba(103, 179, 255, 0.2);

    --danger-base: #ef6b5b;
    --danger-ring: rgba(239, 107, 91, 0.42);
    --danger-halo: rgba(239, 107, 91, 0.12);
    --danger-delete-edge: rgba(239, 107, 91, 0.3);
    --danger-surface: rgba(239, 107, 91, 0.08);
    --danger-edge: rgba(239, 107, 91, 0.2);
    --danger-mark: rgba(239, 107, 91, 0.12);

    --page-glow-start: rgba(255, 174, 102, 0.18);
    --header-surface: rgba(255, 255, 255, 0.78);
    --header-divider: rgba(148, 163, 184, 0.16);
    --brand-mark-start: rgba(255, 169, 97, 0.95);
    --brand-mark-end: rgba(104, 145, 255, 0.88);
    --menu-panel-surface: rgba(255, 255, 255, 0.96);
    --surface-card: rgba(255, 255, 255, 0.96);
    --surface-card-edge: rgba(148, 163, 184, 0.18);
    --surface-card-shadow: rgba(36, 49, 69, 0.08);
    --simple-footer-surface: rgba(255, 255, 255, 0.72);
    --footer-surface-start: rgba(255, 252, 247, 0.96);
    --footer-surface-end: rgba(247, 244, 238, 0.98);
    --deep-surface: rgba(255, 250, 244, 0.95);
    --home-feature-surface: rgba(255, 255, 255, 0.88);
    --home-panel-surface: rgba(255, 252, 247, 0.92);
    --home-panel-edge: rgba(148, 163, 184, 0.18);
    --home-panel-shadow: rgba(36, 49, 69, 0.1);
    --home-hero-surface: rgba(255, 247, 236, 0.98);
    --home-hero-edge: rgba(255, 183, 132, 0.3);
    --home-hero-shadow: rgba(255, 174, 102, 0.2);
    --home-hero-orb: rgba(103, 179, 255, 0.16);
    --home-highlight-surface: rgba(255, 244, 223, 0.96);
    --home-placeholder-start: rgba(255, 255, 255, 0.72);
    --home-placeholder-end: rgba(247, 244, 238, 0.98);
    --home-step-number: #213886;
    --home-step-number-text: #fffaf4;
    --home-final-surface: rgba(255, 249, 241, 0.96);
    --timeline-row-surface: rgba(255, 255, 255, 0.82);
    --timeline-card-surface: rgba(255, 255, 255, 0.94);
    --base-notice-error-surface: rgba(239, 107, 91, 0.08);
    --base-notice-error-edge: rgba(239, 107, 91, 0.18);

    --secondary-button-start: rgba(176, 199, 255, 0.98);
    --secondary-button-mid: rgba(98, 132, 230, 0.95);
    --secondary-button-end: rgba(63, 98, 197, 0.97);
    --secondary-button-text: rgba(255, 255, 255, 0.8);
    --secondary-button-shadow: rgba(37, 84, 200, 0.18);
    --secondary-button-shadow-hover: rgba(37, 84, 200, 0.24);
    --primary-button-gloss-top: rgba(255, 255, 255, 0.32);
    --primary-button-gloss-bottom: rgba(255, 255, 255, 0.02);
    --primary-button-gloss-opacity: 0.45;
    --primary-button-gloss-opacity-hover: 0.58;
    --secondary-button-gloss-top: rgba(255, 255, 255, 0.16);
    --secondary-button-gloss-mid: rgba(255, 255, 255, 0.04);
    --secondary-button-gloss-bottom: rgba(40, 78, 176, 0.06);
    --secondary-button-gloss-opacity: 0.42;
    --primary-button-mid: #ffab56;
    --primary-button-end: #ffc27a;
    --primary-button-shadow: rgba(255, 139, 43, 0.18);
    --primary-button-shadow-hover: rgba(255, 139, 43, 0.24);

    --live-canvas: #fffaf4;
    --live-shell-glow: #ffe8cf;

    --call-flyby-surface: rgba(255, 255, 255, 0.84);
    --call-ending-core: rgba(255, 248, 237, 0.95);
    --call-ending-mid: rgba(255, 239, 214, 0.72);
    --call-ending-fade: rgba(255, 223, 179, 0.24);

    --realtime-danger-hover: #e35848;

    --editor-bg: rgba(255, 255, 255, 0.9);
    --editor-help-tone: rgba(36, 49, 69, 0.62);
    --editor-field-surface: rgba(248, 250, 252, 0.96);
    --editor-note-surface: rgba(255, 244, 223, 0.98);

    --conversation-question-surface: rgba(255, 255, 255, 0.96);
    --conversation-question-glow: rgba(255, 176, 102, 0.55);
    --conversation-question-glow-soft: rgba(255, 176, 102, 0.16);
    --conversation-question-active: rgba(255, 246, 233, 0.98);
    --conversation-prompt-surface: rgba(255, 255, 255, 0.96);
    --conversation-shell-surface: rgba(255, 255, 255, 0.96);
    --conversation-shell-shadow: rgba(36, 49, 69, 0.1);
    --conversation-status-surface: rgba(255, 240, 221, 0.85);
    --conversation-status-edge: rgba(255, 183, 132, 0.45);
    --conversation-card-start: rgba(255, 255, 255, 0.98);
    --conversation-card-end: rgba(250, 246, 239, 0.98);
    --conversation-card-shadow: rgba(36, 49, 69, 0.08);
    --conversation-user-edge: rgba(255, 183, 132, 0.4);
    --conversation-user-start: rgba(255, 247, 236, 0.98);
    --conversation-user-end: rgba(255, 241, 224, 0.98);
    --conversation-assistant-edge: rgba(103, 179, 255, 0.32);
    --conversation-assistant-start: rgba(245, 250, 255, 0.98);
    --conversation-assistant-end: rgba(236, 245, 255, 0.98);
    --conversation-textarea-surface: rgba(255, 255, 255, 0.96);
    --conversation-summary-surface: rgba(255, 255, 255, 0.98);
    --conversation-summary-shadow: rgba(36, 49, 69, 0.1);
    --conversation-transcript-surface: rgba(255, 255, 255, 0.98);
    --conversation-transcript-shadow: rgba(36, 49, 69, 0.12);
    --conversation-transcript-row: rgba(252, 250, 246, 0.96);
    --conversation-save-start: #fff7ec;
    --conversation-save-mid: #fffaf4;
    --conversation-save-end: #f7f4ee;
    --conversation-save-complete-start: #f4f8ff;
    --conversation-save-complete-mid: #f8fbff;
    --conversation-save-complete-end: #f7f4ee;
    --conversation-save-card: rgba(255, 255, 255, 0.94);
    --conversation-complete-card: rgba(255, 255, 255, 0.96);

    --auth-card-surface: rgba(255, 255, 255, 0.94);
    --diff-change-mark: rgba(255, 230, 121, 0.45);

    --story-trigger-surface: rgba(255, 255, 255, 0.96);
    --story-shell-shadow: 0 12px 24px rgba(36, 49, 69, 0.12);

    --suggested-summary-title: rgba(125, 68, 26, 0.96);
    --suggested-summary-copy: rgba(139, 83, 41, 0.88);
}