/* Shared across authentication, training, authoring and the heart learning lab. */
:root {
    color-scheme: light;
    --surface-heading: #d3ded5;
    --on-primary: #ffffff;
    --case-surface: var(--surface);
    --case-heading: var(--surface-heading);
    --chat-surface: var(--surface-soft);
    --chat-heading: var(--surface-heading);
    --task-surface: var(--secondary);
    --task-heading: var(--surface-heading);
    --font-ui: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang TC", "Microsoft JhengHei", sans-serif;
    --page: #dfe5e0;
    --surface: #f5f7f3;
    --surface-soft: #e9eee8;
    --primary: #236e62;
    --primary-dark: #195448;
    --secondary: #dce8df;
    --accent: #3e8273;
    --brand-border: #a8bfb0;
    --dark: #182820;
    --gray: #344139;
    --light-gray: #b9c8bc;
    --danger: #ac3838;
    --danger-soft: #f6e4e0;
    --warning: #835616;
    --warning-soft: #f6e9cd;
    --success: #30633d;
    --success-soft: #e1ecdf;
    --font-reading: 1.25rem;
    --leading-reading: 1.85;
    --focus: #91631e;
    --radius-card: 18px;
    --radius-control: 10px;
    --shadow-card: 0 3px 16px rgba(36, 61, 56, .06);
    --shadow-float: 0 18px 56px rgba(36, 61, 56, .15);
}