body[data-theme="platform"] {
  --color-bg: #071115;
  --color-bg-alt: #0A1620;

  --color-surface: #0F1C20;
  --color-surface-2: #15262F;
  --color-surface-soft: #11232B;
  --color-surface-dark: #0D171B;
  --color-surface-dark-2: #081116;

  --color-text: #E6F1F1;
  --color-text-soft: #C5D2D0;
  --color-text-muted: #8EA3A6;
  --color-text-on-dark: #ECF6F5;
  --color-text-on-dark-soft: rgba(230, 241, 241, 0.86);
  --color-text-on-dark-muted: rgba(168, 201, 197, 0.80);

  /* Platform can optionally use muted panels like Why Drexing trust strip */
  --color-contrast-surface: #DCE8E6;
  --color-contrast-surface-2: #EDF3F1;
  --color-contrast-soft: #D3DDDB;
  --color-text-on-contrast: #1B2B30;
  --color-text-on-contrast-soft: #4F6669;
  --color-text-on-contrast-muted: #7D8D8F;

  --color-accent: #67E1D3;
  --color-accent-2: #3AA8F5;
  --color-accent-3: #A7E8DF;
  --color-accent-strong: #D2A84D;

  --color-border: rgba(103, 225, 211, 0.12);
  --color-border-soft: rgba(103, 225, 211, 0.08);
  --color-border-on-dark: rgba(103, 225, 211, 0.16);
  --color-border-on-contrast: rgba(27, 43, 48, 0.10);

  --shadow-soft: 0 14px 34px rgba(2, 10, 10, 0.18);
  --shadow-medium: 0 18px 40px rgba(2, 10, 10, 0.24);
  --shadow-dark: 0 18px 50px rgba(2, 10, 10, 0.30);

  --gradient-page:
    radial-gradient(circle at 12% 0%, rgba(103, 225, 211, 0.10), transparent 24%),
    radial-gradient(circle at 88% 8%, rgba(58, 168, 245, 0.08), transparent 20%),
    linear-gradient(180deg, #071115 0%, #0A1419 44%, #091317 100%);
  --gradient-surface:
    linear-gradient(180deg, #0F1C20 0%, #0D171B 100%);
  --gradient-surface-soft:
    linear-gradient(180deg, #132229 0%, #0F1A20 100%);
  --gradient-hero:
    linear-gradient(180deg, #071115 0%, #081116 100%);
  --gradient-cta:
    linear-gradient(135deg, #D2A84D, #E1BC67);
  --gradient-quote:
    linear-gradient(180deg, rgba(103, 225, 211, 0.10), rgba(58, 168, 245, 0.06));
  --gradient-contrast-surface:
    linear-gradient(180deg, #EDF3F1 0%, #DCE8E6 100%);
  --gradient-contrast-soft:
    linear-gradient(180deg, #DCE8E6 0%, #D3DDDB 100%);

  --glow-hero:
    radial-gradient(circle, rgba(103, 225, 211, 0.16), transparent 72%);
  --glow-logo:
    radial-gradient(circle, rgba(58, 168, 245, 0.12), transparent 66%);
}