:root {
    --bg: #f4f6f6;
    --surface: #ffffff;
    --surface-2: #eef2f2;
    --heading: #0f2530;
    /* deep navy/teal — primary */
    --text: #33454e;
    --muted: #67767e;
    --line: #e1e7e8;
    --accent: #2c7e76;
    /* soft teal accent */
    --accent-strong: #216a63;
    --accent-soft: #e2efed;
    --shadow: 0 18px 40px -28px rgba(15, 37, 48, .45);
    --shadow-sm: 0 6px 18px -12px rgba(15, 37, 48, .4);
}