/*
 * Pigmentados Brand System
 *
 * Single source of truth for shared frontend tokens:
 * - Brand colors
 * - Typography families
 * - Elevation/focus tokens
 * - Pigmentados theme base variable overrides for global consistency
 * - Official font stack: Maven Pro + Poppins
 *
 * New frontend modules should consume these variables instead of declaring
 * their own palette or font stack.
 */

:root {
  --pg-primary: #f9b12d;
  --pg-primary-dark: #d8941f;
  --pg-primary-light: #fff5df;
  --pg-accent: #eb5c53;
  --pg-support: #68c1ba;
  --pg-success: #16a34a;
  --pg-warning: #b45309;
  --pg-bg: #f3f4f6;
  --pg-card-bg: #ffffff;
  --pg-white: #ffffff;
  --pg-text: #0f1c27;
  --pg-muted: #4b5563;
  --pg-text-muted: #64748b;
  --pg-border: #dce2e9;
  --pg-border-strong: #c3cfdd;
  --pg-border-subtle: rgba(15, 28, 39, 0.04);
  --pg-soft: #f8fafc;
  --pg-soft-warm: #fff5df;
  --pg-soft-warm-strong: #fff8ea;
  --pg-green: #0f766e;
  --pg-danger: #dc2626;
  --pg-shadow: 0 8px 20px -12px rgba(15, 28, 39, 0.35), 0 4px 8px -6px rgba(15, 28, 39, 0.18);
  --pg-glow: 0 0 0 3px rgba(249, 177, 45, 0.35);
  --pg-shadow-soft: 0 1px 2px rgba(15, 28, 39, 0.06);
  --pg-shadow-warm: 0 14px 26px -16px rgba(150, 98, 10, 0.25);
  --pg-overlay-soft: rgba(15, 28, 39, 0.28);
  --pg-overlay-medium: rgba(15, 28, 39, 0.35);
  --pg-overlay-strong: rgba(15, 28, 39, 0.52);
  --pg-header-glass: rgba(255, 255, 255, 0.66);
  --pg-header-glass-strong: rgba(255, 255, 255, 0.82);
  --pg-header-warm-glow: radial-gradient(circle at 14% 18%, rgba(249, 177, 45, 0.09), transparent 38%), linear-gradient(90deg, rgba(255, 248, 234, 0.44) 0%, rgba(255, 255, 255, 0.92) 34%, rgba(255, 250, 240, 0.5) 100%);
  --pg-primary-border-soft: rgba(249, 177, 45, 0.65);
  --pg-primary-ring-soft: rgba(249, 177, 45, 0.26);
  --pg-primary-ring-strong: rgba(249, 177, 45, 0.2);
  --pg-primary-stroke-soft: rgba(217, 148, 31, 0.25);
  --pg-support-soft: rgba(104, 193, 186, 0.18);
  --pg-white-90: rgba(255, 255, 255, 0.9);
  --pg-white-95: rgba(255, 255, 255, 0.95);
  --pg-white-78: rgba(255, 255, 255, 0.78);
  --pg-white-70: rgba(255, 255, 255, 0.7);
  --pg-white-00: rgba(255, 255, 255, 0);
  --pg-heading-font: "Maven Pro", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --pg-body-font: "Poppins", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

  /* Ohio theme variable overrides */
  --clb-body-font-family: var(--pg-body-font);
  --clb-titles-font-family: var(--pg-heading-font);
  --clb-subtitles-font-family: var(--pg-body-font);
  --clb-action-font-family: var(--pg-body-font);
  --clb-card-titles-font-family: var(--pg-heading-font);
  --clb-color-primary: var(--pg-primary);
  --clb-fill-color: var(--pg-soft);
  --clb-border-color: var(--pg-border);
  --clb-body-color: var(--pg-text);
  --clb-body-light-mode-color: var(--pg-text);
  --clb-body-color-grey: var(--pg-text-muted);
  --clb-titles-color: var(--pg-text);
  --clb-color-success: var(--pg-success);
  --clb-color-danger: var(--pg-danger);
  --clb-color-warning: var(--pg-warning);
  --clb-link-color: var(--pg-primary-dark);
  --clb-link-hover-color: var(--pg-accent);
  --clb-selection-color: rgba(249, 177, 45, 0.26);
}

body,
input,
select,
textarea,
button {
  font-family: var(--pg-body-font);
  color: var(--pg-text);
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--pg-heading-font);
  color: var(--pg-text);
}

::selection {
  background: var(--clb-selection-color);
  color: var(--pg-text);
}