/* PCG's shared design values. The site shell loads this file on every client page. */
:root {
  /*
   * Homepage-derived foundation
   * Editorial ivory, near-black pine and restrained antique-gold accents.
   */
  --pcg-color-pine-900: #002b23;
  --pcg-color-pine-800: #063c31;
  --pcg-color-pine-700: #123f3a;
  --pcg-color-ink: #092820;
  --pcg-color-ivory-100: #f1e9da;
  --pcg-color-ivory-200: #f7f2e8;
  --pcg-color-ivory-50: #fbf8f0;
  --pcg-color-white: #fffef7;
  --pcg-color-gold-700: #aa8543;
  --pcg-color-gold-500: #d8ad43;
  --pcg-color-gold-300: #f3e6c7;
  --pcg-color-muted: #566864;
  --pcg-color-rule: #ddd9cd;
  --pcg-color-rule-dark: rgba(255, 255, 255, .16);

  /* Semantic surfaces and text colors. */
  --pcg-surface-page: var(--pcg-color-ivory-50);
  --pcg-surface-soft: var(--pcg-color-ivory-200);
  --pcg-surface-deep: var(--pcg-color-pine-900);
  --pcg-surface-brand: var(--pcg-color-pine-800);
  --pcg-text-primary: var(--pcg-color-ink);
  --pcg-text-muted: var(--pcg-color-muted);
  --pcg-text-on-dark: var(--pcg-color-white);
  --pcg-accent: var(--pcg-color-gold-500);
  --pcg-accent-strong: var(--pcg-color-gold-700);
  --pcg-accent-soft: var(--pcg-color-gold-300);
  --pcg-border: var(--pcg-color-rule);

  /* Compatibility names used by the current page designs. */
  --pcg-pine: var(--pcg-color-pine-800);
  --pcg-deep: var(--pcg-color-pine-900);
  --pcg-ink: var(--pcg-color-ink);
  --pcg-paper: var(--pcg-color-ivory-50);
  --pcg-light: var(--pcg-color-white);
  --pcg-bronze: var(--pcg-color-gold-700);
  --pcg-soft-gold: var(--pcg-color-gold-300);
  --pcg-rule: var(--pcg-color-rule);
  /*
   * Operational Consulting typography roles:
   * DM Sans carries the modern structure, Playfair supports the heritage
   * brand voice, and Georgia supplies the restrained editorial italic.
   */
  --pcg-font-sans: 'DM Sans', Arial, sans-serif;
  --pcg-font-serif: 'Playfair Display', Georgia, serif;
  --pcg-font-accent: Georgia, 'Times New Roman', serif;
  --pcg-font-body: var(--pcg-font-sans);
  --pcg-font-heading: var(--pcg-font-sans);
  --pcg-font-display: var(--pcg-font-sans);
  --pcg-font-brand: var(--pcg-font-serif);
  --pcg-font-editorial: var(--pcg-font-accent);
  --pcg-weight-regular: 400;
  --pcg-weight-medium: 500;
  --pcg-weight-semibold: 600;
  --pcg-weight-bold: 700;
  --pcg-gutter: clamp(21px, 5.2vw, 94px);

  /* Editorial type scale and readable measures. */
  --pcg-type-display: clamp(3.5rem, 6.1vw, 6.5rem);
  --pcg-type-section: clamp(2.75rem, 5vw, 5.25rem);
  --pcg-type-subhead: clamp(1.5rem, 2.2vw, 2.25rem);
  --pcg-type-body: clamp(1rem, 1.2vw, 1.25rem);
  --pcg-type-eyebrow: clamp(.7rem, .72vw, .8rem);
  --pcg-leading-display: .98;
  --pcg-leading-heading: 1.06;
  --pcg-leading-body: 1.65;
  --pcg-tracking-display: -.05em;
  --pcg-tracking-eyebrow: .22em;
  --pcg-measure-copy: 66ch;
  --pcg-measure-wide: 82ch;

  /* Spacious homepage rhythm, hairline details and restrained depth. */
  --pcg-space-section: clamp(72px, 8vw, 132px);
  --pcg-space-section-compact: clamp(48px, 5vw, 84px);
  --pcg-space-grid: clamp(20px, 3vw, 48px);
  --pcg-radius-subtle: 2px;
  --pcg-shadow-lift: 0 25px 60px rgba(0, 43, 35, .16);
  --pcg-shadow-deep: 0 32px 80px rgba(0, 27, 22, .28);
  --pcg-focus-ring: 3px solid var(--pcg-accent-strong);

  /* Ivory masthead with a centered sans title, serif accent and panoramic image. */
  --pcg-masthead-surface: var(--pcg-surface-soft);
  --pcg-masthead-ink: var(--pcg-text-primary);
  --pcg-masthead-accent: var(--pcg-accent-strong);
  --pcg-masthead-size: clamp(2.5rem, 6.1vw, 6.5rem);
  --pcg-masthead-weight: var(--pcg-weight-semibold);
  --pcg-masthead-leading: 1.02;
  --pcg-masthead-tracking: -.055em;
  --pcg-masthead-measure: 22ch;
  --pcg-masthead-photo-height: clamp(230px, 26vw, 420px);

  /* The reading grid used throughout the modern Operational Consulting page. */
  --pcg-section-width: 1320px;
  --pcg-section-space: var(--pcg-space-section);
  --pcg-section-title-size: var(--pcg-type-section);
  --pcg-section-leading: var(--pcg-leading-heading);
  --pcg-section-tracking: var(--pcg-tracking-display);
  --pcg-body-size: var(--pcg-type-body);

  /* Shared navigation, footer and the established brand colors. */
  --pcg-emerald: var(--pcg-color-pine-800);
  --pcg-antique-gold: var(--pcg-color-gold-500);
  --pcg-shell-surface: var(--pcg-surface-soft);
  --pcg-shell-deep: var(--pcg-surface-deep);
  --pcg-shell-ink: var(--pcg-text-primary);
  --pcg-shell-sans: var(--pcg-font-body);
  --pcg-shell-serif: var(--pcg-font-brand);

  /* Existing homepage, consulting and blog designs share these values. */
  --pcg-classic-ink: var(--pcg-text-primary);
  --pcg-classic-deep: var(--pcg-surface-deep);
  --pcg-classic-forest: var(--pcg-surface-brand);
  --pcg-classic-gold: var(--pcg-accent);
  --pcg-classic-gold-light: var(--pcg-accent-soft);
  --pcg-classic-ivory: var(--pcg-surface-soft);
  --pcg-classic-paper: var(--pcg-surface-page);
  --pcg-classic-white: var(--pcg-text-on-dark);
  --pcg-classic-rule: rgba(9, 40, 32, .15);

  /* Approved page-specific shades. */
  --pcg-home-hero-gold: var(--pcg-accent);
  --pcg-home-hero-gold-light: var(--pcg-accent-soft);
  --pcg-operational-deep: #002820;
  --pcg-operational-gold-light: #f3d56f;
  --pcg-operational-ivory: #f7f2e8;
  --pcg-operational-paper: #fbf8f0;
}