/* Rewired — Color tokens
   Warm-dark luxe palette with gold/bronze gradients.
   Base palette + gradients + semantic aliases (default = dark mode). */

:root {
  /* ---- Base palette ---- */
  --bronze-light: #A28A6A;   /* accent, secondary buttons, hover */
  --taupe-mid:    #716455;   /* secondary text, borders */
  --brown-dark:   #5C4F3E;   /* tertiary surfaces, deep accents */
  --near-black:   #171717;   /* primary dark surface */
  --warm-white:   #F0EEEA;   /* primary text on dark */
  --pure-white:   #FFFFFF;   /* light-mode surface */

  /* Gold-gradient stops */
  --gold-100: #E6CFB3;
  --gold-200: #C0A37F;
  --gold-300: #987E60;
  --gold-400: #8F7557;
  --gold-500: #654D34;

  /* Warm dark surface stops */
  --surface-100: #4B4741;
  --surface-200: #22211F;
  --surface-300: #1C1C1C;

  /* Warm light tint */
  --cream: #F5F1EC;

  /* ---- Brand gradients ---- */
  --gradient-gold: linear-gradient(135deg, #E6CFB3 0%, #C0A37F 30%, #987E60 70%, #654D34 100%); /* @kind color */
  --gradient-gold-soft: linear-gradient(180deg, #C0A37F 0%, #A28A6A 100%); /* @kind color */
  --gradient-surface: linear-gradient(180deg, #4B4741 0%, #22211F 100%); /* @kind color */

  /* ---- Semantic: DARK (default brand surface) ---- */
  --bg:          #171717;
  --bg-alt:      #1C1C1C;
  --bg-elevated: #22211F;
  --text:        #F0EEEA;
  --text-muted:  #A28A6A;
  --text-subtle: #716455;
  --accent:      #C0A37F;
  --accent-strong: #987E60;
  --border:      rgba(255, 255, 255, 0.08);
  --border-strong: rgba(255, 255, 255, 0.14);
  --on-accent:   #171717;   /* text on gold gradient */
}

/* ---- Semantic: LIGHT mode scope ---- */
.theme-light {
  --bg:          #FFFFFF;
  --bg-alt:      #F5F1EC;
  --bg-elevated: #FFFFFF;
  --text:        #171717;
  --text-muted:  #716455;
  --text-subtle: #A28A6A;
  --accent:      #987E60;
  --accent-strong: #654D34;
  --border:      rgba(23, 23, 23, 0.08);
  --border-strong: rgba(23, 23, 23, 0.14);
  --on-accent:   #171717;
}