/* tokens.css — Bauhaus design system tokens for SheetGarde v3.0 */

:root {

  /* ================================================================
     1. PALETTE TOKENS
     Source: UI-SPEC.md Color section, CONTEXT.md D-10, D-11
     ================================================================ */

  --bauhaus-noir:           #0d0d0d;
  --bauhaus-near-black:     #1a1a1a;
  --bauhaus-dark-grey:      #333333;
  --bauhaus-mid-grey:       #595959;
  --bauhaus-light-grey:     #e5e5e5;
  --bauhaus-off-white:      #f5f5f5;
  --bauhaus-blanc:          #ffffff;
  --bauhaus-vermillon:      #D9381E;
  --bauhaus-vermillon-dark: #a82710;
  --bauhaus-vermillon-deep: #861f0d;

  /* ================================================================
     2. SEMANTIC BOOTSTRAP COLOR OVERRIDES
     Source: UI-SPEC.md Bootstrap Semantic Color Overrides table
     Note: --bs-primary-rgb required for Bootstrap rgba() variants
     ================================================================ */

  --bs-primary:            #D9381E;
  --bs-primary-rgb:        217, 56, 30;
  --bs-secondary:          #1a1a1a;
  --bs-body-color:         #0d0d0d;
  --bs-body-bg:            #ffffff;
  --bs-light:              #f5f5f5;
  --bs-dark:               #0d0d0d;
  --bs-link-color:         #D9381E;
  --bs-link-hover-color:   #a82710;
  --bs-success:            #2a5f2a;
  --bs-danger:             #a82710;
  --bs-warning:            #c48a00;
  --bs-info:               #1a5c8f;
  --bs-focus-ring-color:   rgba(217, 56, 30, 0.35);

  /* ================================================================
     3. GLOBAL RESET OVERRIDES
     Source: UI-SPEC.md — no rounded corners, no shadows (Bauhaus)
     ================================================================ */

  --bs-border-color:       #1a1a1a;
  --bs-border-width:       1px;
  --bs-border-radius:      0;
  --bs-border-radius-sm:   0;
  --bs-border-radius-lg:   0;
  --bs-border-radius-xl:   0;
  --bs-border-radius-xxl:  0;
  --bs-border-radius-pill: 0;
  --bs-box-shadow:         none;
  --bs-box-shadow-sm:      none;
  --bs-box-shadow-lg:      none;
  --bs-box-shadow-inset:   none;

  /* ================================================================
     4. TYPOGRAPHY OVERRIDES
     Source: UI-SPEC.md Typography section, CONTEXT.md D-05, D-07
     Inter = body (400), Jost = display/headings (500) via element selectors below
     ================================================================ */

  --bs-font-sans-serif:    'Inter', system-ui, -apple-system, sans-serif;
  --bs-body-font-size:     0.875rem;
  --bs-body-line-height:   1.6;

  /* ================================================================
     5. SPACING TOKENS — 8pt grid
     Source: UI-SPEC.md Spacing Scale section, CONTEXT.md D-08
     Exception: sidebar nav-link padding stays 0.5rem/0.75rem (collapsed layout constraint)
     ================================================================ */

  --space-xs:   4px;   /* icon gaps, tight inline padding */
  --space-sm:   8px;   /* compact padding, table cell vertical */
  --space-md:   16px;  /* default element padding, form fields */
  --space-lg:   24px;  /* section padding, card interiors */
  --space-xl:   32px;  /* layout gaps, between sections */
  --space-2xl:  48px;  /* major section breaks */
  --space-3xl:  64px;  /* page-level spacing */

  /* ================================================================
     6. FONT-FAMILY ALIASES
     Source: UI-SPEC.md Design System, CONTEXT.md D-05, D-07
     ================================================================ */

  --bauhaus-font-display: 'Jost', 'Inter', system-ui, sans-serif;
  --bauhaus-font-body:    'Inter', system-ui, -apple-system, sans-serif;

}

/* ================================================================
   Jost applied to headings + UI labels via element selectors
   NOT at :root — Bootstrap applies body font globally;
   Jost requires explicit element targeting to override correctly.
   Source: UI-SPEC.md Typography section
   ================================================================ */

h1, h2, h3, h4, h5, h6,
.nav-link, .btn, .badge, th, .sidebar-title {
  font-family: var(--bauhaus-font-display);
}

/* ================================================================
   d-none preservation
   KEEP: d-none is used by app.js for panel toggling (remplacant +
   garde-etendue panels). Do not remove when reducing Bootstrap
   utility footprint.
   Source: UI-SPEC.md Bootstrap JS Preservation Contract, STATE.md
   ================================================================ */

.d-none { display: none !important; }