/* Explain: Color, typography, and spacing tokens for the theme. */
:root {
    --primary-color: #12B76A;
    --primary-hover: #0EA35E;
    --secondary-color: #475467;
    --accent-color: #C7A24A;
    --gold-color: #B8912F;
    --loss-color: #E5484D;
    --background-color: #F7F9F6;
    --surface-color: #FFFFFF;
    --surface-muted: #F1F5F0;
    --text-color: #0E1B2C;
    --text-muted: #5A6B7B;
    --border-color: #E3E9E1;
    --midnight-color: #0E1B2C;
    --cloud-color: #F1F5F0;
    --growth-green: #12B76A;
    --electric-blue: #12B76A;
    --slate-color: #5A6B7B;
    --warning-color: #B8912F;
    --radius-card: 1rem;
    --shadow-soft: 0 10px 34px rgba(16, 32, 48, 0.08);
    --shadow-crisp: 0 1px 2px rgba(16, 32, 48, 0.05), 0 12px 32px rgba(16, 32, 48, 0.07);
    --font-heading: 'IBM Plex Sans Condensed', sans-serif;
    --font-body: 'Inter', sans-serif;
}