/* ============================================================
   GTR GROUP — Color tokens (dark / high-contrast gold)
   Page: black · Type: sand/white · Accent: bright metallic gold
   Foil gradient tuned to pop on #000
   ============================================================ */
:root {
  /* ---- Brown ramp (depth & hover fills) ---- */
  --gtr-brown-900: #0a0a0a;
  --gtr-brown-800: #111111;
  --gtr-brown-700: #1a1a1a;
  --gtr-brown-600: #242424;
  --gtr-brown-500: #3a2e14;
  --gtr-brown-400: #6b5a2e;
  --gtr-brown-300: #9a8b62;
  --gtr-espresso:  #55360b;

  /* ---- Gold ramp (brightened for black backgrounds) ---- */
  --gtr-gold-100:  #fff8dc;
  --gtr-gold-300:  #ffe9a0;
  --gtr-gold-500:  #f0c030;
  --gtr-gold-600:  #e8b820;
  --gtr-gold-700:  #c49a12;
  --gtr-gold-bright: #fff4c8;

  /* ---- Neutrals ---- */
  --gtr-sand:      #f8f1be;
  --gtr-cream:     #000000;
  --gtr-cream-2:   #0c0c0c;
  --gtr-white:     #ffffff;
  --gtr-page-bg:   #000000;
  --gtr-surface:   #0a0a0a;
  --gtr-surface-raised: #141414;

  /* ---- Ink neutrals ---- */
  --gtr-ink:       #f8f1be;
  --gtr-black:     #000000;

  /* ---- Status ---- */
  --gtr-red:       #e85c5c;
  --gtr-green:     #69dc8a;

  /* ---- Foil gradient (high contrast on black) ---- */
  --gtr-gradient-foil: linear-gradient(
    119.36deg,
    #fff8d4 0%,
    #f5e38d 22%,
    #e8c04a 50%,
    #d8a600 72%,
    #a67c00 100%
  );
  --gtr-gradient-foil-text: linear-gradient(
    135deg,
    #fffce8 0%,
    #ffe9a0 30%,
    #f0c030 60%,
    #e8b820 100%
  );
  --gtr-gradient-gold-band: linear-gradient(
    90deg,
    #7a5c10 0%,
    #e8b820 35%,
    #fff4c8 50%,
    #e8b820 65%,
    #7a5c10 100%
  );
  --gtr-gradient-paper: linear-gradient(180deg, #0a0a0a 0%, #000000 100%);

  /* ============ Semantic aliases ============ */
  --color-bg:            var(--gtr-page-bg);
  --color-bg-tinted:     var(--gtr-surface);
  --color-surface:       var(--gtr-surface-raised);
  --color-surface-ink:   var(--gtr-surface);
  --color-surface-espresso: var(--gtr-brown-700);

  --color-ink:           var(--gtr-sand);
  --color-ink-strong:    var(--gtr-white);
  --color-ink-muted:     var(--gtr-brown-300);
  --color-on-dark:       var(--gtr-sand);
  --color-on-dark-muted: #b8a878;

  --color-border:        rgba(232, 184, 32, 0.35);
  --color-border-strong: rgba(245, 227, 141, 0.55);
  --color-border-subtle: rgba(232, 184, 32, 0.18);
  --color-border-on-dark: rgba(248, 241, 190, 0.4);

  --color-accent:        var(--gtr-gold-500);
  --color-accent-strong: var(--gtr-gold-300);
  --color-danger:        var(--gtr-red);
  --color-success:       var(--gtr-green);

  --color-focus-ring:    rgba(232, 184, 32, 0.45);

  /* ---- Brand image assets ---- */
  /* Text mask texture (crinkled foil) — NOT used on section backgrounds */
  --gtr-foil-image:         url('../../images/foil-texture.png');
  /* Section backgrounds */
  --gtr-bg-287-image:       url('../../images/bg-group-287.png');
  --gtr-bg-gallery-image:   url('../../images/bg-gallery-off-the-clock.png');
}