:root {
  /* Core brand palette */
  --gtg-cream:#f8f1e7;
  --gtg-paper:#fffaf3;
  --gtg-white:#fff;
  --gtg-surface-group:#f3e9dd;
  --gtg-surface-inset:#fbf3ea;
  --gtg-rule:#dfd1c3;
  --gtg-rule-strong:#d8cfc4;

  --gtg-ink:#252b32;
  --gtg-ink-soft:#515965;
  --gtg-muted:#5f564f;
  --gtg-muted-warm:#65564b;
  --gtg-muted-soft:#736b63;
  --gtg-footer-muted:#ede4d9;

  --gtg-orange:#f26522;
  --gtg-orange-bright:#f16726;
  --gtg-orange-light:#ff7a3d;
  --gtg-orange-warm:#ff7a2f;
  --gtg-orange-dark:#d94d12;

  --gtg-yellow:#f4bf45;
  --gtg-yellow-light:#ffd957;
  --gtg-yellow-soft:#ffe38a;
  --gtg-yellow-dark:#e9af32;

  --gtg-rust:#b94e2b;
  --gtg-rust-dark:#b94418;
  --gtg-peach:#f6d0b6;
  --gtg-peach-deep:#efb58d;

  /* Semantic states */
  --gtg-danger:#9f4025;
  --gtg-danger-dark:#7c2812;
  --gtg-danger-soft:#f4d0c6;
  --gtg-success:#2fb86b;
  --gtg-success-dark:#143623;
  --gtg-warning-soft:#fff3cf;
  --gtg-warning-pale:#fff2cf;

  /* Utility surfaces */
  --gtg-image-bg:#242a30;
  --gtg-video-bg:#0f1115;
  --gtg-checkout-disabled-bg:#d9d4cf;
  --gtg-checkout-disabled-border:#aba39b;

  /* RGB channels for controlled transparent colours */
  --gtg-ink-rgb:37,43,50;
  --gtg-paper-rgb:255,250,243;
  --gtg-white-rgb:255,255,255;
  --gtg-orange-rgb:242,101,34;
  --gtg-yellow-rgb:244,191,69;
  --gtg-peach-rgb:246,208,182;
  --gtg-shadow-rgb:0,0,0;

  /* Common translucent colours */
  --gtg-ink-005:rgba(var(--gtg-ink-rgb),.05);
  --gtg-ink-010:rgba(var(--gtg-ink-rgb),.10);
  --gtg-ink-012:rgba(var(--gtg-ink-rgb),.12);
  --gtg-ink-016:rgba(var(--gtg-ink-rgb),.16);
  --gtg-ink-018:rgba(var(--gtg-ink-rgb),.18);
  --gtg-ink-022:rgba(var(--gtg-ink-rgb),.22);
  --gtg-ink-030:rgba(var(--gtg-ink-rgb),.30);
  --gtg-ink-032:rgba(var(--gtg-ink-rgb),.32);
  --gtg-ink-034:rgba(var(--gtg-ink-rgb),.34);
  --gtg-ink-035:rgba(var(--gtg-ink-rgb),.35);
  --gtg-ink-042:rgba(var(--gtg-ink-rgb),.42);
  --gtg-ink-045:rgba(var(--gtg-ink-rgb),.45);
  --gtg-ink-046:rgba(var(--gtg-ink-rgb),.46);
  --gtg-ink-048:rgba(var(--gtg-ink-rgb),.48);
  --gtg-ink-052:rgba(var(--gtg-ink-rgb),.52);
  --gtg-ink-055:rgba(var(--gtg-ink-rgb),.55);
  --gtg-ink-056:rgba(var(--gtg-ink-rgb),.56);
  --gtg-ink-058:rgba(var(--gtg-ink-rgb),.58);
  --gtg-ink-072:rgba(var(--gtg-ink-rgb),.72);
  --gtg-ink-076:rgba(var(--gtg-ink-rgb),.76);
  --gtg-ink-078:rgba(var(--gtg-ink-rgb),.78);
  --gtg-ink-082:rgba(var(--gtg-ink-rgb),.82);

  --gtg-paper-020:rgba(var(--gtg-paper-rgb),.20);
  --gtg-paper-022:rgba(var(--gtg-paper-rgb),.22);
  --gtg-paper-024:rgba(var(--gtg-paper-rgb),.24);
  --gtg-paper-028:rgba(var(--gtg-paper-rgb),.28);
  --gtg-paper-035:rgba(var(--gtg-paper-rgb),.35);
  --gtg-paper-038:rgba(var(--gtg-paper-rgb),.38);
  --gtg-paper-045:rgba(var(--gtg-paper-rgb),.45);
  --gtg-paper-048:rgba(var(--gtg-paper-rgb),.48);
  --gtg-paper-072:rgba(var(--gtg-paper-rgb),.72);
  --gtg-paper-082:rgba(var(--gtg-paper-rgb),.82);
  --gtg-paper-084:rgba(var(--gtg-paper-rgb),.84);
  --gtg-paper-096:rgba(var(--gtg-paper-rgb),.96);

  --gtg-white-000:rgba(var(--gtg-white-rgb),0);
  --gtg-white-008:rgba(var(--gtg-white-rgb),.08);

  --gtg-orange-018:rgba(var(--gtg-orange-rgb),.18);
  --gtg-orange-024:rgba(var(--gtg-orange-rgb),.24);
  --gtg-yellow-032:rgba(var(--gtg-yellow-rgb),.32);
  --gtg-peach-034:rgba(var(--gtg-peach-rgb),.34);

  --gtg-shadow-006:rgba(var(--gtg-shadow-rgb),.06);
  --gtg-shadow-028:rgba(var(--gtg-shadow-rgb),.28);
  --gtg-shadow-035:rgba(var(--gtg-shadow-rgb),.35);
  --gtg-shadow-044:rgba(var(--gtg-shadow-rgb),.44);
  --gtg-shadow-050:rgba(var(--gtg-shadow-rgb),.50);
  --gtg-shadow-055:rgba(var(--gtg-shadow-rgb),.55);
  --gtg-shadow-058:rgba(var(--gtg-shadow-rgb),.58);

  /* Reusable effects */
  --gtg-border-subtle:2px solid var(--gtg-ink-034);
  --gtg-border-muted:2px solid var(--gtg-ink-022);
  --gtg-border-faint:2px solid var(--gtg-ink-016);
  --gtg-text-shadow-hero:0 2px 10px var(--gtg-shadow-044), 0 1px 2px var(--gtg-shadow-055);
  --gtg-image-shadow:0 10px 10px var(--gtg-ink-018);

  /* Structural tokens */
  --gtg-border:3px solid var(--gtg-ink);
  --gtg-shadow:6px 6px 0 var(--gtg-ink);
  --gtg-shadow-sm:4px 4px 0 var(--gtg-ink);
  --gtg-radius:18px;
  --gtg-radius-sm:12px;
  --gtg-shell:1200px;
}

.gtg-neo--warm-soft {
  --gtg-border:2px solid var(--gtg-ink);
  --gtg-shadow:4px 4px 0 var(--gtg-ink);
  --gtg-shadow-sm:3px 3px 0 var(--gtg-ink);
}

.gtg-neo--warm-arcade {
  --gtg-orange:#ff5a18;
  --gtg-yellow:#ffc72e;
  --gtg-rust:#ad3920;
  --gtg-border:4px solid var(--gtg-ink);
  --gtg-shadow:9px 9px 0 var(--gtg-ink);
  --gtg-shadow-sm:6px 6px 0 var(--gtg-ink);
}