/*
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 (mirrors theme.json) */
  --c-black: #1c1c1c;
  --c-black-75: #555555;
  --c-black-50: #8e8e8e;
  --c-black-25: #c6c6c6;
  --c-black-10: #e8e8e8;

  --c-turquoise: #00a199;
  --c-turquoise-75: #40b9b3;
  --c-turquoise-50: #80d0cc;
  --c-turquoise-25: #bfe8e6;
  --c-turquoise-10: #e6f6f5;

  --c-mustard: #e0ac39;
  --c-mustard-75: #e8c16b;
  --c-mustard-50: #f0d69c;
  --c-mustard-25: #f7eace;
  --c-mustard-10: #fcf7eb;

  --c-oxide: #c0392b;
  --c-oxide-75: #d06b60;
  --c-oxide-50: #e09c95;
  --c-oxide-25: #efceca;
  --c-oxide-10: #f9ebea;

  --c-white: #ffffff;

  /* NOTE: copy doc calls for a "dark navy gradient overlay" on the hero, but
     there is NO navy in the brand palette. Per brief we use brand-black @ 60%. */
  --hero-overlay: rgba(28, 28, 28, 0.6);

  /* Typography — swap --font-sans to Avenir once licensed webfonts arrive.
     One line, per brief. Nunito Sans (900 = Avenir Black, 400 = Avenir Book). */
  --font-sans: "Nunito Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --font-serif: "Playfair Display", Georgia, "Times New Roman", serif;

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