/* Shared portfolio foundations. Product palettes remain scoped to their cards. */
@media screen {
  :root {
    --paper:#f3f2ec;
    --ink:#232b26;
    --muted:#606b63;
    --body-text:#505d54;
    --mint:#345947;
    --mint-surface:#e5ece6;
    --green:var(--mint);
    --about-bg:var(--mint-surface);
    --about-copy:#536257;
    --soft-text:#68776d;
    --line:#ced9d0;
    --about-line:#c2d1c5;
    --quiet-surface:#e2ebe2;
    --panel-line:#c2d1c5;
    --panel-border:#c2d1c5;
    --control-line:#718076;
    --lime:#d0f46c;
    --lime-hover:#c4e960;
    --lime-pressed:#b7dc54;
    --on-lime:#242820;
    --on-lime-muted:#485438;
    --secondary-surface:#e5e7e3;
    --secondary-hover:#d9ddd7;
  
    --font-body:Outfit,Arial,sans-serif;
    --font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;
    --font-size-display:clamp(62px,7.65vw,122px);
    --font-size-section:46px;--font-size-section-mobile:34px;
    --font-size-card:30px;--font-size-card-mobile:26px;
    --font-size-label:11px;--font-size-body:17px;--line-height-body:1.5;
    --space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;
    --space-5:20px;--space-6:24px;--space-8:32px;--space-12:48px;
    --radius-card:4px;--radius-panel:12px;--radius-pill:999px;
    --duration-fast:200ms;--duration-cover:500ms;
  }
  :root[data-theme="dark"] {
    --paper:#191f1b;
    --ink:#eaf0e9;
    --muted:#acb9af;
    --body-text:#c4cec6;
    --mint:#b6d8c6;
    --green:var(--mint);
    --mint-surface:#232e27;
    --about-bg:var(--mint-surface);
    --about-copy:#c0cdc3;
    --soft-text:#a1b5a7;
    --line:#394a3e;
    --about-line:#43574a;
    --quiet-surface:#2d3e32;
    --panel-line:#43574a;
    --panel-border:#43574a;
    --control-line:#7e9588;
    --secondary-surface:#333a35;
    --secondary-hover:#414a43;
  }
}