/* TFPAFRICAGLOBAL design tokens
   Theme A: DESIGN.md (Yinka-inspired)
   Theme B: DESIGN-WESTAFRICAN.md (West African pattern references) */

:root[data-theme="brand-a"] {
  /* Brand colours */
  --color-blush-paper: #f5e5e5;
  --color-ink: #000000;
  --color-rose: #d9698c;
  --color-warm-orange: #e8752e;
  --color-field-green: #3a8a3a;

  /* Functional neutrals */
  --color-ink-70: #4a4a4a;
  --color-ink-40: #9a9a9a;
  --color-blush-deep: #eed8d8;
  --color-paper-white: #fdfaf8;

  /* Fonts */
  --font-display: 'Space Grotesk', ui-sans-serif, system-ui, sans-serif;
  --font-body: 'Inter', ui-sans-serif, system-ui, sans-serif;
  --font-mono: 'IBM Plex Mono', ui-monospace, monospace;

  /* Type scale */
  --text-caption:    13px; --leading-caption:    1.4;
  --text-body-sm:    15px; --leading-body-sm:    1.5;
  --text-body:       17px; --leading-body:       1.6;
  --text-body-lg:    20px; --leading-body-lg:    1.5;
  --text-eyebrow:    13px; --leading-eyebrow:    1.3; --tracking-eyebrow: 0.06em;
  --text-heading-sm: 24px; --leading-heading-sm: 1.25;
  --text-heading:    36px; --leading-heading:    1.15;
  --text-heading-lg: 52px; --leading-heading-lg: 1.08;
  --text-display:    72px; --leading-display:    1.0;

  /* Spacing (8px base unit) */
  --spacing-8:   8px;
  --spacing-16:  16px;
  --spacing-24:  24px;
  --spacing-32:  32px;
  --spacing-48:  48px;
  --spacing-64:  64px;
  --spacing-96:  96px;
  --spacing-128: 128px;
  --spacing-160: 160px;

  /* Layout */
  --page-max-width: 1200px;
  --section-gap:    96px;
  --card-padding:   32px;
  --element-gap:    16px;

  /* Border radius */
  --radius-buttons: 999px;
  --radius-tags:    999px;
  --radius-cards:   16px;
  --radius-inputs:  8px;
  --radius-media:   0px;

  /* Elevation */
  --shadow-soft: 0 2px 8px rgba(0, 0, 0, 0.08);
}

:root[data-theme="brand-b"] {
  /* Brand colours */
  --color-blush-paper: #f2e2c4;
  --color-ink: #3b2116;
  --color-rose: #c1502e;
  --color-warm-orange: #e0a23a;
  --color-field-green: #1f7a70;

  /* Functional neutrals */
  --color-ink-70: #6b503f;
  --color-ink-40: #a8917f;
  --color-blush-deep: #e6cf9e;
  --color-paper-white: #fbf5e8;

  /* Fonts (unchanged from Theme A) */
  --font-display: 'Space Grotesk', ui-sans-serif, system-ui, sans-serif;
  --font-body: 'Inter', ui-sans-serif, system-ui, sans-serif;
  --font-mono: 'IBM Plex Mono', ui-monospace, monospace;

  /* Type scale (unchanged from Theme A) */
  --text-caption:    13px; --leading-caption:    1.4;
  --text-body-sm:    15px; --leading-body-sm:    1.5;
  --text-body:       17px; --leading-body:       1.6;
  --text-body-lg:    20px; --leading-body-lg:    1.5;
  --text-eyebrow:    13px; --leading-eyebrow:    1.3; --tracking-eyebrow: 0.06em;
  --text-heading-sm: 24px; --leading-heading-sm: 1.25;
  --text-heading:    36px; --leading-heading:    1.15;
  --text-heading-lg: 52px; --leading-heading-lg: 1.08;
  --text-display:    72px; --leading-display:    1.0;

  /* Spacing (unchanged from Theme A) */
  --spacing-8:   8px;
  --spacing-16:  16px;
  --spacing-24:  24px;
  --spacing-32:  32px;
  --spacing-48:  48px;
  --spacing-64:  64px;
  --spacing-96:  96px;
  --spacing-128: 128px;
  --spacing-160: 160px;

  /* Layout (unchanged from Theme A) */
  --page-max-width: 1200px;
  --section-gap:    96px;
  --card-padding:   32px;
  --element-gap:    16px;

  /* Border radius — cards tightened to 12px (Theme A: 16px) */
  --radius-buttons: 999px;
  --radius-tags:    999px;
  --radius-cards:   12px;
  --radius-inputs:  8px;
  --radius-media:   0px;

  /* Elevation (unchanged from Theme A) */
  --shadow-soft: 0 2px 8px rgba(0, 0, 0, 0.08);
}