/*
 * brand.css -- Minerva Partners brand tokens for the Minerva Foods demo suite.
 *
 * Single source of truth for all Minerva design tokens. Loaded by
 * jedox-shell.php via render_head({ brand_css: ... }) AFTER jedox.css so
 * these :root values override the library defaults. All reports sharing this
 * customer layer automatically receive the full token set.
 */

@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200;400;600&family=Rubik:wght@300;400;500;600&display=swap');

:root {
  /* ── Minerva brand primitives ──────────────────────────────────────────── */
  --minerva-green:      #244434;
  --minerva-orange:     #E37B2D;
  --minerva-black:      #000000;
  --minerva-soft-green: #5A7A68;
  --minerva-cream:      #F5F1EA;
  --minerva-stone:      #E8E5DE;
  --minerva-ink:        #1A1A1A;

  /* ── Green scale ────────────────────────────────────────────────────────── */
  --green-900: #11241B;
  --green-800: #1B3427;
  --green-700: #244434;
  --green-600: #2E5843;
  --green-500: #436B55;
  --green-400: #6E8D7C;
  --green-300: #9FB3A7;
  --green-200: #CFDAD2;
  --green-100: #E9EFEB;

  /* jedox.css shorthand aliases */
  --green:      var(--green-700);
  --green-deep: var(--green-900);
  --green-mid:  var(--green-600);
  --green-soft: var(--minerva-soft-green);
  --green-pale: var(--green-100);

  /* ── Orange scale ───────────────────────────────────────────────────────── */
  --orange-700: #B55F1F;
  --orange-600: #CE6E26;
  --orange-500: #E37B2D;
  --orange-400: #EA9558;
  --orange-300: #F0B283;
  --orange-200: #F5CFAE;
  --orange-100: #FBE8D7;

  /* jedox.css shorthand aliases */
  --orange:       var(--orange-500);
  --orange-light: var(--orange-100);
  --cream:        var(--minerva-cream);

  /* ── Neutral scale ──────────────────────────────────────────────────────── */
  --neutral-1000: #000000;
  --neutral-900:  #111111;
  --neutral-800:  #2A2A2A;
  --neutral-700:  #4A4A4A;
  --neutral-600:  #6B6B6B;
  --neutral-500:  #8C8C8C;
  --neutral-400:  #B0B0B0;
  --neutral-300:  #D0D0D0;
  --neutral-200:  #E6E6E6;
  --neutral-100:  #F2F2F2;
  --neutral-050:  #F9F9F7;
  --neutral-000:  #FFFFFF;

  /* ── Semantic colour aliases ────────────────────────────────────────────── */
  --fg-strong:         var(--minerva-green);
  --fg-default:        var(--minerva-ink);
  --fg-muted:          var(--neutral-600);
  --fg-subtle:         var(--neutral-500);
  --fg-inverse:        var(--neutral-000);
  --fg-accent:         var(--minerva-orange);
  --fg-on-green:       #FFFFFF;
  --fg-on-green-muted: rgba(255,255,255,0.72);

  --bg-page:          var(--neutral-000);
  --bg-surface:       var(--neutral-000);
  --bg-surface-muted: var(--neutral-050);
  --bg-brand:         var(--minerva-green);
  --bg-brand-deep:    var(--green-900);
  --bg-accent:        var(--minerva-orange);

  --border-subtle:  var(--neutral-200);
  --border-default: var(--neutral-300);
  --border-strong:  var(--minerva-green);
  --border-on-dark: rgba(255,255,255,0.14);

  /* ── Typography ─────────────────────────────────────────────────────────── */
  --font-display: 'Manrope', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-head:    'Manrope', 'Century Gothic', 'Gill Sans', sans-serif;
  --font-body:    'Rubik', ui-sans-serif, system-ui, -apple-system, sans-serif;
  --font-mono:    ui-monospace, 'SFMono-Regular', Menlo, Consolas, monospace;

  --weight-display:     200;
  --weight-subhead:     200;
  --weight-subhead-2:   600;
  --weight-body:        300;
  --weight-body-strong: 500;
  --weight-small:       300;

  --fs-display-xl: 88px;
  --fs-display-lg: 64px;
  --fs-display-md: 48px;
  --fs-h1:      40px;
  --fs-h2:      32px;
  --fs-h3:      24px;
  --fs-h4:      20px;
  --fs-body-lg: 18px;
  --fs-body:    16px;
  --fs-body-sm: 14px;
  --fs-small:   12px;

  --lh-display: 1.05;
  --lh-heading: 1.2;
  --lh-body:    1.55;
  --lh-tight:   1.15;

  --ls-display:  -0.01em;
  --ls-headline: -0.005em;
  --ls-body:     0em;
  --ls-small:    0.02em;
  --ls-eyebrow:  0.18em;

  /* ── Spacing scale ──────────────────────────────────────────────────────── */
  --space-0: 0;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;
  --space-9: 96px;
  --space-10: 128px;

  /* ── Borders and radius ─────────────────────────────────────────────────── */
  --radius-none: 0;
  --radius-sm:   2px;
  --radius-md:   4px;
  --radius-lg:   8px;
  --radius-pill: 999px;

  /* ── Elevation ──────────────────────────────────────────────────────────── */
  --shadow-card:  0 1px 2px rgba(17,36,27,0.06), 0 2px 8px rgba(17,36,27,0.04);
  --shadow-hover: 0 2px 6px rgba(17,36,27,0.08), 0 8px 20px rgba(17,36,27,0.06);
  --shadow-focus: 0 0 0 3px rgba(227,123,45,0.35);

  /* ── Motion ─────────────────────────────────────────────────────────────── */
  --ease-out:    cubic-bezier(0.2, 0.7, 0.2, 1);
  --ease-in-out: cubic-bezier(0.45, 0.05, 0.55, 0.95);
  --dur-fast:    120ms;
  --dur-med:     240ms;
  --dur-slow:    420ms;

  /* ── Layout / grid (used by the demo report shells) ─────────────────────── */
  --container-max: 1280px;
  --gutter:        32px;
  --bg-dark:       var(--minerva-black);
}