/* KoachOr Official Brand Fonts */
@import url('/fonts/brand_fonts.css');

:root {
  /* Official Brand Kit Typography */
  --f-head: 'Frank Ruhl Libre', Georgia, 'Times New Roman', serif;
  --f-disp: 'Frank Ruhl Libre', Georgia, 'Times New Roman', serif;
  --f-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --f-ui: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --f-text: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --f-mono: 'IBM Plex Mono', 'JetBrains Mono', Consolas, monospace;
  --f-code: 'IBM Plex Mono', 'JetBrains Mono', Consolas, monospace;

  /* Official Brand Kit Colour System */
  --ko-midnight: #0c172b;       /* Midnight Navy: dark foundation */
  --ko-navy-dark: #080f1d;
  --ko-navy-light: #16243d;
  --ko-aubergine: #2f1425;      /* Deep Aubergine */
  --ko-gold: #c0782e;           /* Antique Gold: primary accent */
  --ko-gold-light: #d49a37;     /* Radiant Gold */
  --ko-gold-bright: #f5d082;    /* Star Highlight */
  --ko-amber: #e09542;          /* Burnt Amber */
  --ko-ivory: #faf6ee;          /* Aged Ivory: warm light background */
  --ko-ivory-2: #f1dcbf;
  --ko-charcoal: #1e1a1b;       /* Vintage Charcoal: body text */

  /* Functional Status Colors */
  --ko-moss: #2a5a4a;           /* Moss Green */
  --ko-green: #22c55e;          /* Validated / Active */
  --ko-warn: #e0a913;           /* Warning Gold */
  --ko-crimson: #b73037;        /* Crimson Red / Error */
  --ko-royal: #1f4b94;          /* Celestial Royal Blue */

  /* System Theme Mappings */
  --bg: var(--ko-ivory);
  --panel: #ffffff;
  --panel-2: #f5ede0;
  --line: #e2d9c8;
  --line-2: #d1c5b0;
  --ink: var(--ko-charcoal);
  --muted: #6b6357;
  --copper: var(--ko-gold-light);
  --copper-ink: #ffffff;
  --copper-soft: #fbf3e0;
}

/* Dark Theme Mappings */
:root[data-theme="dark"], html[data-theme="dark"], body[data-theme="dark"] {
  --bg: var(--ko-midnight);
  --panel: #111e33;
  --panel-2: #16243d;
  --line: #223450;
  --line-2: #2e4364;
  --ink: var(--ko-ivory);
  --muted: #9aa8bd;
  --copper: var(--ko-gold-light);
  --copper-ink: var(--ko-midnight);
  --copper-soft: rgba(212, 154, 55, 0.15);
  --rail: var(--ko-midnight);
  --rail-ink: var(--ko-gold-bright);
}

/* Typography Hierarchy */
body {
  font-family: var(--f-body);
  color: var(--ink);
  background-color: var(--bg);
}

h1, h2, h3, h4, .brand-title, .bh-hero-t, .bh-card-t, .logo-text {
  font-family: var(--f-head);
  letter-spacing: -0.015em;
}

h1 {
  font-weight: 700;
  line-height: 1.08;
}

h2, h3 {
  font-weight: 600;
  line-height: 1.15;
}

button, input, select, textarea, nav, .rtabs, .px-b, .bar, .ftc-panel, .tools {
  font-family: var(--f-ui);
}

code, pre, kbd, samp, .mono, .cp-file, #editor, .tl {
  font-family: var(--f-mono);
}