/* tokens.css — single source of truth for all design tokens */

:root {
  /* Dark theme colours (default) */
  --bg-main:         #131110;
  --bg-card:         #1C1916;
  --bg-subtle:       #231F1B;
  --text-primary:    #F5F0E8;
  --text-secondary:  #B0A79B;
  --accent-primary:  #E8733A;
  --accent-secondary: #22C55E;
  --accent-subtle:   rgba(232, 115, 58, 0.12);
  --border:          rgba(245, 240, 232, 0.08);
  --shadow:          rgba(0, 0, 0, 0.4);
  --btn-glow:        rgba(232, 115, 58, 0.4);

  /* ── Bootstrap variable sync ────────────────────────────────────────────────
     Bootstrap 5 ships its own CSS vars for light mode. We override them here
     so every Bootstrap utility (.text-muted, .text-body-emphasis, .badge, etc.)
     automatically uses our dark-mode palette instead of rendering dark text
     on a dark background.                                                      */
  --bs-body-color:           #B0A79B;
  --bs-body-color-rgb:       176, 167, 155;
  --bs-emphasis-color:       #F5F0E8;
  --bs-emphasis-color-rgb:   245, 240, 232;
  --bs-secondary-color:      rgba(176, 167, 155, 0.75);
  --bs-secondary-color-rgb:  176, 167, 155;
  --bs-tertiary-color:       rgba(176, 167, 155, 0.5);
  --bs-body-bg:              #131110;
  --bs-body-bg-rgb:          19, 17, 16;
  --bs-secondary-bg:         #1C1916;
  --bs-secondary-bg-rgb:     28, 25, 22;
  --bs-tertiary-bg:          #231F1B;
  --bs-tertiary-bg-rgb:      35, 31, 27;
  --bs-heading-color:        #F5F0E8;
  --bs-link-color:           #E8733A;
  --bs-link-color-rgb:       232, 115, 58;
  --bs-link-hover-color:     #F08050;
  --bs-border-color:         rgba(245, 240, 232, 0.08);
  --bs-card-bg:              #1C1916;

  /* Spacing */
  --section-py:      clamp(4rem, 8vw, 7rem);
  --container-max:   1160px;
  --container-px:    clamp(1rem, 4vw, 2.5rem);

  /* Border radius */
  --radius-sm:   4px;
  --radius-md:   8px;
  --radius-lg:   16px;
  --radius-pill: 999px;

  /* Transitions */
  --t-fast:   200ms ease-out;
  --t-base:   300ms ease;
  --t-slow:   500ms ease-out;
}
