/*
 * Buenos Padel — brand tokens.
 * Source of truth: guides/brandbook.html.
 * Loaded on every portal page; new components consume these vars.
 */

@font-face {
  font-family: 'Prostir Sans';
  src: url('/static/fonts/ProstirSans-900.otf') format('opentype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'PP Mori';
  src: url('/static/fonts/PPMori-400.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'PP Mori';
  src: url('/static/fonts/PPMori-600.otf') format('opentype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'JetBrains Mono';
  src: url('/static/fonts/JetBrainsMono-Bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

:root {
  /* Typography roles */
  --ff-display: 'Prostir Sans', 'Arial Black', sans-serif;
  --ff-body: 'PP Mori', -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
  --ff-mono: 'JetBrains Mono', 'SF Mono', ui-monospace, monospace;

  /* Brand palette — canonical (paper / brandbook truth) */
  --bp-green: #79AC2B;
  --bp-green-dark: #5c8a1a;
  --bp-green-tint: #eef6e0;
  /* Same hue, lifted for legibility on slate surfaces */
  --bp-green-on-dark: #92c43a;
  --bp-green-on-dark-deep: #79ac2b;
  --bp-blue: #044184;
  --bp-blue-ink: #032e5e;
  --bp-blue-tint: #e6edf5;
  --bp-paper: #f4f1ea;
  --bp-paper-2: #ebe6d9;
  --bp-ink: #17181a;
  --bp-ink-soft: #4b4d51;
  --bp-muted: #8a8c92;
  --bp-line: #d9d3c2;
  --bp-stamp-red: #a0301e;
  /* Warning palette — Bootstrap's default amber #ffc107 is unreadable on
   * the paper background. Use a deeper mustard tuned for legibility on
   * --bp-paper. `--bp-warning-bg` is the soft-tint cell highlight used
   * in tables/cards (e.g. discount-training column group). */
  --bp-warning: #b07a1f;
  --bp-warning-deep: #8a5e15;
  --bp-warning-fill: #e3a833;
  --bp-warning-bg: #f3dba0;
  --bp-warning-tint: #f9e9c2;
}

/*
 * Portal runs on dark slate surfaces — locally remap --bp-green to the
 * brighter variant so existing var(--bp-green) usages render legibly on dark
 * backgrounds without per-component overrides. CRM/paper surfaces opt out
 * via body.theme-paper.
 */
body:not(.theme-paper) {
  --bp-green: var(--bp-green-on-dark);
  --bp-green-dark: var(--bp-green-on-dark-deep);
}