/* ========================================================================
   STYLE: STATEMENT   (default design direction "B")
   Payroll as a trusted institution — a serif display over quiet grounds,
   sharp corners, ruled tables, restraint. COLOR is NOT set here; it comes
   from the active palette-*.css. This file only sets non-color design
   tokens (type, shape, elevation, rules) so it composes with every palette
   and with light/dark. Swap this file for style-ledger.css to switch to "A".
   ======================================================================== */

:root {
    /* -- Typography -- */
    --ds-font-body: 'Public Sans', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
    --ds-font-display: 'Gelasio', Georgia, 'Times New Roman', serif;
    --ds-heading-weight: 600;
    --ds-heading-tracking: -0.005em;
    --ds-heading-transform: none;

    /* Uppercase micro-labels (table headers, eyebrows, stat captions) */
    --ds-label-transform: uppercase;
    --ds-label-spacing: 0.08em;
    --ds-label-weight: 600;

    /* -- Shape -- */
    --ds-radius-card: 4px;
    --ds-radius-control: 3px;   /* buttons, inputs */
    --ds-radius-pill: 3px;      /* badges / status pills → near-rectangular */

    /* -- Elevation: depth comes from rules, not shadow -- */
    --ds-card-border-width: 1px;
    --ds-card-shadow: none;
    --ds-card-shadow-hover: none;

    /* -- Card header treatment: no color fill, heavy ink underline -- */
    --ds-cardhead-fill: transparent;
    --ds-cardhead-rule-width: 2px;
    --ds-cardhead-rule-color: var(--color-gray-800);
    --ds-cardhead-ink: var(--color-gray-800);

    /* -- Numeric feel: numbers are always Public Sans (tabular) for a precise,
       legible ledger — the serif is reserved for text headings only. -- */
    --ds-figure-font: var(--ds-font-body);

    /* -- Neutral grounds (light theme): a calm warm paper, not palette-tinted.
       Keeps the accent for actions only, so colour never overwhelms. Dark
       theme keeps the palette's own deep grounds. -- */
    --ds-page-bg: #f4f4f0;
    --ds-line-soft: #e2e0d6;
}