/* ==========================================================================
   Wilde UI - Bootstrap Overrides
   Purpose: remap Bootstrap CSS custom properties to Wilde tokens.
   Load order: Bootstrap -> tokens.css -> this file -> components.css
   ========================================================================== */

:root {
  --bs-body-font-family: var(--w-font-sans);
  --bs-body-font-weight: 500;
  --bs-body-bg:          var(--w-bg);
  --bs-body-color:       var(--w-white);

  /* Bootstrap utility classes (.text-body, .text-body-emphasis, .text-muted,
     .text-body-secondary, .text-body-tertiary) all build their color from
     --bs-body-color-rgb / --bs-emphasis-color-rgb / --bs-secondary-color-rgb /
     --bs-tertiary-color-rgb. If we don't pin these to "255, 255, 255" they
     resolve to Bootstrap's default slate (#212529) - making text invisible
     on dark panels. */
  --bs-body-color-rgb:        255, 255, 255;
  --bs-emphasis-color:        var(--w-white);
  --bs-emphasis-color-rgb:    255, 255, 255;
  --bs-secondary-color:       var(--w-white);
  --bs-secondary-color-rgb:   255, 255, 255;
  --bs-tertiary-color:        var(--w-white);
  --bs-tertiary-color-rgb:    255, 255, 255;
  --bs-heading-color:         var(--w-white);

  --bs-link-color:            var(--w-white);
  --bs-link-color-rgb:        255, 255, 255;
  --bs-link-hover-color:      var(--w-white);
  --bs-link-hover-color-rgb:  255, 255, 255;

  --bs-border-radius:     var(--w-radius-sm);
  --bs-border-radius-lg:  var(--w-radius);

  --bs-card-border-radius: var(--w-radius);
}

/* Portfolio overrides - restore Bootstrap's ink palette on the CV sheet only */
html[data-page="portfolio"] {
  --bs-body-color:           #0f172a;
  --bs-body-color-rgb:       15, 23, 42;
  --bs-emphasis-color:       #0f172a;
  --bs-emphasis-color-rgb:   15, 23, 42;
  --bs-secondary-color:      #334155;
  --bs-secondary-color-rgb:  51, 65, 85;
  --bs-tertiary-color:       #64748b;
  --bs-tertiary-color-rgb:   100, 116, 139;
  --bs-heading-color:        #0f172a;
  --bs-link-color:           #1d4ed8;
  --bs-link-color-rgb:       29, 78, 216;
  --bs-link-hover-color:     #1e40af;
  --bs-body-bg:              var(--w-surface-portfolio);
}