/* plooqi v1.0 | 26.09.2026 | Manrope under SIL OFL 1.1 */
@font-face { font-family: Manrope; src: url('brand/plooqi/03_Schriften/Manrope[wght].ttf') format('truetype'); font-style: normal; font-weight: 200 800; font-display: swap; }
:root {
  --plooqi-ink: #102A43;
  --plooqi-turquoise: #29D9C8;
  --plooqi-rose: #D98D98;
  --plooqi-mist: #F4F7FA;
  --plooqi-white: #FFFFFF;
  --plooqi-slate: #526577;
  --plooqi-border: #6B7E8F;
  --plooqi-line: #D9E2EA;
  --plooqi-success: #176B4B;
  --plooqi-successbg: #E8F5EE;
  --plooqi-warning: #805800;
  --plooqi-warningbg: #FFF3CC;
  --plooqi-error: #B42318;
  --plooqi-errorbg: #FDEDEB;
  --plooqi-hover: #20C7B7;
  --plooqi-pressed: #19B5A6;
  --font-brand: 'Manrope', Arial, sans-serif;
  --space-1: 4px; --space-2: 8px; --space-3: 12px; --space-4: 16px; --space-6: 24px; --space-8: 32px; --space-12: 48px; --space-16: 64px; --space-24: 96px;
  --radius-control: 12px; --radius-card: 16px; --radius-hero: 24px;
}

/* Application aliases. Semantic roles are independent of brand accents. */
:root{
 --ink:var(--plooqi-ink);--muted:var(--plooqi-slate);--blue:var(--plooqi-ink);
 --turquoise:var(--plooqi-turquoise);--rose:var(--plooqi-rose);--nav:var(--plooqi-ink);
 --line:var(--plooqi-line);--soft:var(--plooqi-mist);--warn:var(--plooqi-warningbg);
 --bad:var(--plooqi-errorbg);--good:var(--plooqi-successbg);
 --surface:var(--plooqi-white);--info-bg:var(--plooqi-mist);--info-text:var(--plooqi-ink);
 --chart-revenue:var(--plooqi-ink);--chart-cost:var(--plooqi-warning);
 --chart-margin:var(--plooqi-success);--chart-secondary:var(--plooqi-slate);
 --shadow-card:0 4px 16px rgb(16 42 67 / .04);--shadow-menu:0 16px 36px rgb(16 42 67 / .16);
 --text-body:1rem;--text-compact:.875rem;--text-meta:.75rem;
 --h1:2.5rem;--h2:1.75rem;--h3:1.25rem;--page-width:1264px;
}

/* Product palette extension approved 26.09.2026: vivid and friendly.
   Original brand master assets and v1.0 brand tokens remain unchanged. */
:root {
 --accent-blue: #2463EB;
 --accent-violet: #7442ED;
 --accent-pink: #FF59AD;
 --accent-orange: #FF8A3D;
 --accent-yellow: #FFD84A;
 --accent-lime: #B1ED4C;
 --accent-red: #D72654;
 --accent-green: #087F5B;
 --chart-revenue: var(--accent-blue);
 --chart-cost: #EA580C;
 --chart-margin: var(--accent-green);
 --chart-secondary: var(--accent-violet);
 --warn: var(--accent-yellow);
 --good: var(--accent-lime);
 --bad: var(--accent-red);
}