:root{
/* Base palette — from the Lämpölä graphical guideline */
--portsa-green:#29443B;
--limewash:#F5F1E8;
--charcoal:#2E302D;
--brick-red:#9A4C3B;
--timber-sand:#D8C7A8;
--courtyard-sage:#AEBBA8;
--soft-white:#FCFBF7;
/* Derived steps (interaction + hairlines only) */
--portsa-green-800:#1F352E;
--portsa-green-900:#172822;
--brick-red-700:#823E30;
--timber-sand-300:#E8DDC9;
--timber-sand-500:#C4AF8A;
--courtyard-sage-200:#D6DDD2;
--charcoal-70:#5A5D57;
--charcoal-55:#6E716A;

/* Semantic — text */
--text-body:var(--charcoal);
--text-heading:var(--portsa-green);
--text-muted:var(--charcoal-70);
--text-on-dark:var(--soft-white);
--text-on-dark-muted:#C9D2C5;
--text-accent:var(--brick-red);
--text-link:var(--portsa-green);
--text-link-hover:var(--brick-red);

/* Semantic — surfaces */
--surface-page:var(--limewash);
--surface-card:var(--soft-white);
--surface-warm:var(--timber-sand);
--surface-warm-subtle:var(--timber-sand-300);
--surface-sage:var(--courtyard-sage);
--surface-sage-subtle:var(--courtyard-sage-200);
--surface-dark:var(--portsa-green);
--surface-dark-deep:var(--portsa-green-900);

/* Semantic — lines */
--border-subtle:rgba(46,48,45,.12);
--border-default:rgba(46,48,45,.22);
--border-strong:var(--charcoal);
--border-on-dark:rgba(252,251,247,.18);
--rule-accent:var(--brick-red);

/* Semantic — actions */
--action-primary:var(--portsa-green);
--action-primary-hover:var(--portsa-green-800);
--action-primary-press:var(--portsa-green-900);
--action-on-primary:var(--soft-white);
--focus-ring:var(--brick-red);

/* Semantic — notice status */
--status-urgent:var(--brick-red);
--status-urgent-bg:#F1E2DC;
--status-works:var(--portsa-green);
--status-works-bg:var(--courtyard-sage-200);
--status-general-bg:var(--timber-sand-300);
}