/* Generated from tokens.json for offline use */
@font-face{font-family:"Noto Sans";src:url("fonts/NotoSans-Light.woff2") format("woff2");font-weight:300;font-style:normal;font-display:swap}
@font-face{font-family:"Noto Sans";src:url("fonts/NotoSans-Regular.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
:root, [data-theme="light"] {
  --font-sans: "Noto Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  --cg-text-black: #06110C;
  --cg-paper-white: #FCFAF7;
  --cg-dark-british-green: #002E1F;
  --cg-british-green: #00452E;
  --cg-logo-green: #088046;
  --cg-sand-gold: #BA9473;
  --cg-logo-white: #FAF6E6;
  --cg-aubergine: #423038;
  --bg: var(--cg-paper-white);
  --surface: #FFFFFF;
  --surface-muted: #F5F0EA;
  --surface-raised: #FFFFFF;
  --line: #DBDFDB;
  --line-strong: #6F887E;
  --ink: var(--cg-text-black);
  --ink-muted: #516F64;
  --ink-disabled: #A6B5AE;
  --heading: var(--cg-aubergine);
  --brand: var(--cg-logo-green);
  --brand-hover: #056B3E;
  --on-brand: var(--cg-paper-white);
  --brand-ink: #05683C;
  --brand-soft: #E4EEE5;
  --accent: var(--cg-sand-gold);
  --on-accent: var(--cg-text-black);
  --accent-ink: #7D5A3C;
  --positive: var(--brand-ink);
  --positive-soft: var(--brand-soft);
  --warning: #85561F;
  --warning-soft: #F4E8D9;
  --critical: #A23B28;
  --critical-soft: #F3E7E2;
  --on-critical: var(--cg-paper-white);
  --focus: var(--cg-logo-green);
  --nav-bg: var(--cg-dark-british-green);
  --nav-active: var(--cg-british-green);
  --nav-ink: var(--cg-logo-white);
  --nav-ink-muted: #AAB6A6;
  --nav-accent: #87CCAB;
  --nav-line: #234A3B;
  --chart-1: var(--cg-logo-green);
  --chart-2: #A07E5F;
  --chart-3: #75616A;
  --chart-4: #457363;
  --chart-grid: var(--line);
  --scale-1: #2B9E68;
  --scale-2: #8FC28A;
  --scale-3: #FDE39B;
  --scale-4: #F6B98A;
  --scale-5: #E06868;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;
  --radius-xs: 4px;
  --radius-sm: 8px;
  --radius-md: 16px;
  --radius-lg: 24px;
  --radius-full: 999px;
  --shadow-pop: 0 2px 4px #06110c0f, 0 12px 32px -6px #06110c29;
  --shadow-hover: 0 1px 2px #06110c0d, 0 6px 16px -6px #06110c1f;
  --control-sm: 32px;
  --control-md: 40px;
  --control-lg: 48px;
  --row-height: 52px;
  --sidebar-width: 248px;
  --content-max: 1440px;
}
[data-theme="dark"] {
  --bg: var(--cg-text-black);
  --surface: #111B16;
  --surface-muted: #1B241F;
  --surface-raised: #222B25;
  --line: #2B332D;
  --line-strong: #71766C;
  --ink: var(--cg-logo-white);
  --ink-muted: #9BAA9A;
  --ink-disabled: #595F56;
  --heading: var(--cg-sand-gold);
  --brand: var(--cg-logo-green);
  --brand-hover: #056B3E;
  --on-brand: var(--cg-logo-white);
  --brand-ink: #53B586;
  --brand-soft: #062718;
  --accent: var(--cg-sand-gold);
  --on-accent: var(--cg-text-black);
  --accent-ink: #D0B69B;
  --positive: var(--brand-ink);
  --positive-soft: var(--brand-soft);
  --warning: #DDA86B;
  --warning-soft: #292714;
  --critical: #E6917A;
  --critical-soft: #2E1C14;
  --on-critical: var(--cg-text-black);
  --focus: #53B586;
  --nav-bg: var(--cg-dark-british-green);
  --nav-active: var(--cg-british-green);
  --nav-ink: var(--cg-logo-white);
  --nav-ink-muted: #AAB6A6;
  --nav-accent: #87CCAB;
  --nav-line: #234A3B;
  --chart-1: #53B586;
  --chart-2: var(--cg-sand-gold);
  --chart-3: #DED1CC;
  --chart-4: #87CCAB;
  --chart-grid: var(--line);
  --shadow-pop: 0 12px 32px -6px #000000cc;
  --shadow-hover: 0 6px 16px -6px #00000099;
}
body { margin:0; background: var(--bg); color: var(--ink); font-family: var(--font-sans); font-weight:300; }
.type-kpi-xl { font-family: var(--font-sans); font-size:48px;line-height:56px;font-weight:300;letter-spacing:-0.02em }
.type-kpi-lg { font-family: var(--font-sans); font-size:36px;line-height:44px;font-weight:300;letter-spacing:-0.01em }
.type-kpi-md { font-family: var(--font-sans); font-size:24px;line-height:32px;font-weight:300 }
.type-page-title { font-family: var(--font-sans); font-size:28px;line-height:36px;font-weight:400;letter-spacing:-0.01em }
.type-section-title { font-family: var(--font-sans); font-size:20px;line-height:28px;font-weight:400 }
.type-card-title { font-family: var(--font-sans); font-size:16px;line-height:24px;font-weight:400 }
.type-body-lg { font-family: var(--font-sans); font-size:17px;line-height:28px;font-weight:300 }
.type-body { font-family: var(--font-sans); font-size:15px;line-height:24px;font-weight:300 }
.type-body-sm { font-family: var(--font-sans); font-size:14px;line-height:20px;font-weight:300 }
.type-button { font-family: var(--font-sans); font-size:14px;line-height:20px;font-weight:400 }
.type-label { font-family: var(--font-sans); font-size:13px;line-height:18px;font-weight:400 }
.type-caption { font-family: var(--font-sans); font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.01em }
.type-overline { font-family: var(--font-sans); font-size:11px;line-height:16px;font-weight:400;letter-spacing:0.12em }
/* Hub 1.0 comfort palette: soft slate surfaces and restrained, desaturated accents. */
[data-theme="dark"] {
  --bg: #252a2c;
  --surface: #2d3335;
  --surface-muted: #353c3e;
  --surface-raised: #3d4547;
  --line: #485153;
  --line-strong: #7e898b;
  --ink: #d9dfdd;
  --ink-muted: #afb9b7;
  --heading: #d9dfdd;
  --brand: #587e70;
  --brand-hover: #668c7d;
  --on-brand: #f1f4f2;
  --brand-ink: #9bc4b2;
  --brand-soft: #35443f;
  --accent: #aebcb8;
  --on-accent: #252a2c;
  --accent-ink: #c0cbc8;
  --nav-bg: #293134;
  --nav-active: #394548;
  --nav-ink: #d9dfdd;
  --nav-ink-muted: #adb9b6;
  --nav-accent: #a3bdb4;
  --nav-line: #475154;
  --positive: #9bc4b2;
  --positive-soft: #35443f;
  --warning: #d4be94;
  --warning-soft: #454239;
  --critical: #dfa59a;
  --critical-soft: #483938;
  --focus: #9bc4b2;
  --chart-1: #9bc4b2;
  --chart-2: #c2ad91;
  --chart-3: #c4ccce;
  --chart-4: #a3bdb4;
  --shadow-pop: 0 12px 32px -6px #00000070;
  --shadow-hover: 0 6px 16px -6px #00000050;
}