/* R1316: the single palette/type authority for marketing, account and research. */
:root {
    --fe-canvas: #0b1015;
    --fe-surface: #121a22;
    --fe-raised: #1b2630;
    --fe-sunken: #0e151c;
    --fe-overlay: #18232d;
    --fe-line: #2b3946;
    --fe-control-line: #637786;
    --fe-ink: #edf2f6;
    --fe-secondary: #b4c0ca;
    --fe-muted: #96a6b4;
    --fe-interaction: #2fe3d0;
    --fe-on-interaction: #08221e;
    --fe-focus: #8ef4e5;
    --fe-tier: #ebcd88;
    --fe-pending: #eec17a;
    --fe-positive: #7ad9aa;
    --fe-negative: #ffa0aa;
    --fe-font-ui: 'Inter', 'Inter Fallback', 'Inter Fallback Android', 'Segoe UI', system-ui, sans-serif;
    --fe-shadow-panel: 0 2px 10px rgba(0,0,0,.16);
    --fe-shadow-overlay: 0 14px 36px rgba(0,0,0,.28);
    --fe-radius-panel: 12px;
    --fe-radius-control: 8px;
    --fe-type-caption: 12px;
    --fe-type-body: 14px;
    --fe-type-reading: 16px;
    --fe-type-section: 20px;
    --fe-type-title: 28px;
    --fe-type-display: clamp(32px, 4.5vw, 52px);
}
[data-theme="light"] {
    --fe-canvas: #f5f6f8;
    --fe-surface: #ffffff;
    --fe-raised: #eaf0f4;
    --fe-sunken: #f0f4f7;
    --fe-overlay: #ffffff;
    --fe-line: #d1dce4;
    --fe-control-line: #71828f;
    --fe-ink: #182735;
    --fe-secondary: #41576a;
    --fe-muted: #526778;
    --fe-interaction: #006e68;
    --fe-on-interaction: #ffffff;
    --fe-focus: #005e59;
    --fe-tier: #77570d;
    --fe-pending: #795900;
    --fe-positive: #166b44;
    --fe-negative: #aa3040;
    --fe-shadow-panel: 0 2px 10px rgba(18,42,45,.06);
    --fe-shadow-overlay: 0 14px 36px rgba(18,42,45,.18);
}