/* CleverCalculator — CSS Custom Properties */
:root {
    --white: #ffffff;
    --bg: #fafaf8;
    --bg-2: #f3f3ef;
    --ink: #141218;
    --ink-2: #5a5768;
    --ink-3: #9490a0;
    --line: #e8e6ee;
    --line-soft: #f0eef4;

    /* Category colors (8 categories) */
    --c-money: #2563eb;
    --c-money-soft: rgba(37,99,235,0.08);
    --c-health: #dc2626;
    --c-health-soft: rgba(220,38,38,0.08);
    --c-home: #d97706;
    --c-home-soft: rgba(217,119,6,0.08);
    --c-science: #0891b2;
    --c-science-soft: rgba(8,145,178,0.08);
    --c-nature: #16a34a;
    --c-nature-soft: rgba(22,163,74,0.08);
    --c-convert: #0d9488;
    --c-convert-soft: rgba(13,148,136,0.08);
    --c-auto: #be185d;
    --c-auto-soft: rgba(190,24,93,0.08);
    --c-everyday: #64748b;
    --c-everyday-soft: rgba(100,116,139,0.08);

    /* Calculator page: overridden per calculator */
    --cat-color: var(--c-money);
    --cat-color-soft: var(--c-money-soft);

    /* Typography */
    --sans: 'Inter', system-ui, sans-serif;
    --serif-italic: 'Newsreader', Georgia, serif;

    /* Layout */
    --max-w: 1200px;
    --header-h: 60px;
}