/*
Theme Name: IPE27
Theme URI: https://www.internationalpolexpo.com
Description: Custom theme for the International Political Campaigns Expo 2027 (IPE27). Ground-up build - native block editor, theme.json design tokens, block patterns, custom CPTs (speaker, session, testimonial, hotel). No page builder. Built by Digital Thread.
Author: Digital Thread
Author URI: https://digitalthread.co.za
Version: 0.1.0
Requires at least: 6.5
Tested up to: 7.0.3
Requires PHP: 8.2
Text Domain: ipe27
Tags: custom-theme, block-patterns, event, conference
*/

/*
 * style.css carries the theme header + design tokens as CSS custom properties.
 * Component/layout CSS lives in assets/css/main.css (enqueued in functions.php).
 * Design tokens are the single source of truth in theme.json; the vars below
 * mirror them for use outside block context (custom templates, JS-driven UI).
 */

:root {
  /* Brand palette — OFFICIAL CI (IPE27 Brand Guide, primary + secondary systems).
     Black #1c1c1c (neutral grey ramp), Turquoise #00a199, Mustard #E0AC39, Oxide #C0392B. */
  --c-black: #1c1c1c;
  --c-black-75: #555555;
  --c-black-50: #8e8e8e;
  --c-black-25: #c6c6c6;
  --c-black-10: #e8e8e8;

  --c-turquoise: #00a199;   /* CI Turquoise */
  --c-teal-soft: #3bb8af;   /* lighter teal for italic emphasis */
  --c-turquoise-75: #40b9b3;
  --c-turquoise-50: #80d0cc;
  --c-turquoise-25: #bfe8e6;
  --c-turquoise-10: #e6f6f5;

  --c-mustard: #e0ac39;     /* CI Mustard */
  --c-mustard-75: #e8c16b;
  --c-mustard-50: #f0d69c;
  --c-mustard-25: #f7eace;
  --c-mustard-10: #fcf7eb;

  --c-oxide: #c0392b;       /* CI Oxide Red */
  --c-oxide-75: #d06b60;
  --c-oxide-50: #e09c95;
  --c-oxide-25: #efceca;
  --c-oxide-10: #f9ebea;

  --c-white: #ffffff;
  --c-cream: #f4f1ea;       /* page background (approved preview) */
  --c-ink: #1c1c1c;         /* dark feature bands = CI black */
  --c-forest: #141414;      /* darkest neutral (dark-theme base) */
  --c-txt-dim: #8e8e8e;     /* muted labels */
  --c-txt-on-dark: #d2d2d2; /* body copy on dark bands */

  /* AA teal for small text/links on light (brand teal #00a199 ~2.9:1). This is 5.8:1. */
  --c-turquoise-text: #00726b;

  --hero-overlay: rgba(18, 42, 37, 0.62);

  /* Typography — three-font system matching the preview:
     Inter (body) · Poppins (UI labels/buttons/nav/numerals) · Playfair (display). */
  --font-sans: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --font-ui:   "Poppins", var(--font-sans);
  --font-serif: "Playfair Display", Georgia, "Times New Roman", serif;

  /* Layout */
  --content: 760px;
  --wide: 1200px;
  --gutter: clamp(1rem, 4vw, 2.5rem);
}