/* ============================================================
   DRAFTING NOTEBOOK — DESIGN TOKENS
   These are the only values you should change to re-skin the
   site. Edit hex codes here, every page picks them up.
   ============================================================ */
:root{
  /* Surfaces */
  --paper:        #EFEBE3;   /* main page bg (eggshell) */
  --paper-dark:   #E5E0D5;   /* alternating sections */
  --card:         #F7F4EC;   /* card surface */
  --pearl:        #FFFCF4;   /* lifted hero text surface */

  /* Text */
  --ink:          #1A1A1A;   /* primary text */
  --ink-2:        #3A3A38;   /* secondary text */
  --muted:        #7A7368;   /* labels, captions */

  /* Lines + accents */
  --rule:         #C8C2B4;   /* borders, dividers */
  --accent:       #276E50;   /* softened forest green */
  --accent-soft:  #D4E3E0;   /* teal tint for callouts */

  /* Terminal palette (used in tool-demo posts) */
  --terminal-bg:      #0E1410;
  --terminal-text:    #9DD8C8;
  --terminal-accent:  #3FE8B8;
  --terminal-warn:    #F0C778;
  --terminal-err:     #E37C7C;
  --terminal-dim:     #5A7A6F;

  /* Type stacks */
  --font-display: 'Roboto Slab', Georgia, serif;
  --font-body:    'Inter', ui-sans-serif, system-ui, sans-serif;
  --font-mono:    'JetBrains Mono', ui-monospace, SFMono-Regular, monospace;
}

/* ------------------------------------------------------------
   Bootstrap 5 overrides — let BSS-built BS components inherit
   the Drafting Notebook palette automatically.
   ------------------------------------------------------------ */
:root{
  --bs-body-bg:        var(--paper);
  --bs-body-color:     var(--ink);
  --bs-body-font-family: var(--font-body);
  --bs-primary:        var(--accent);
  --bs-primary-rgb:    39, 110, 80;
  --bs-border-color:   var(--rule);
  --bs-link-color:     var(--accent);
  --bs-link-hover-color: var(--ink);
}

/* Optional: tweak BS button to match the project (still a BS .btn) */
.btn-primary{
  --bs-btn-bg:           var(--accent);
  --bs-btn-border-color: var(--accent);
  --bs-btn-hover-bg:     var(--ink);
  --bs-btn-hover-border-color: var(--ink);
  --bs-btn-active-bg:    var(--ink);
  --bs-btn-active-border-color: var(--ink);
}
.btn-outline-primary{
  --bs-btn-color:        var(--accent);
  --bs-btn-border-color: var(--accent);
  --bs-btn-hover-bg:     var(--accent);
  --bs-btn-hover-border-color: var(--accent);
}