/* ============================================================
   Daydream Energy — Theme tokens
   Layered on top of Bulma. Brings in the brand palette
   (sun-stripe + cream + midnight) and the type system
   (Lora display, DM Sans body, JetBrains Mono numerics).
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Lora:wght@400;500;600;700&family=DM+Sans:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap');

:root {
  /* Brand stripes (top-to-bottom of the sun graphic) */
  --dd-sun-yellow: #FFC53A;
  --dd-sun-orange: #FD9049;
  --dd-sun-red:    #EB585B;
  --dd-sun-blue:   #7092C5;

  /* Surfaces */
  --dd-ink:        #000000;
  --dd-paper:      #FFFFFF;
  --dd-cream:      #F6F1E6;
  --dd-cream-soft: #FBF7EE;
  --dd-cream-deep: #ECE4D2;

  /* Inverse / hero */
  --dd-midnight:   #1B2541;
  --dd-midnight-2: #2A3658;
  --dd-dusk:       #4A5A85;

  /* Warm clay accent — used for drawer eyebrow + active tab underline.
     RGB 194, 90, 63 — see rgba() variants used inline. */
  --dd-terracotta: #C25A3F;

  /* Text greys (warm) */
  --dd-fg:         var(--dd-ink);
  --dd-fg-muted:   #4A4742;
  --dd-fg-soft:    #7A736A;
  --dd-fg-faint:   #B0A89C;

  /* Borders */
  --dd-border:        #2A2520;
  --dd-border-soft:   #D9D2C4;
  --dd-border-strong: var(--dd-ink);

  /* Semantic */
  --dd-success: #4F8A6E;
  --dd-warning: var(--dd-sun-yellow);
  --dd-danger:  var(--dd-sun-red);
  --dd-info:    var(--dd-sun-blue);

  /* Type */
  --dd-font-display: 'Lora', 'Cooper BT', 'Bookman Old Style', Georgia, serif;
  --dd-font-body:    'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
  --dd-font-mono:    'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;

  /* Bulma overrides — applied to Bulma's own custom-property scheme.
     This lets every Bulma component pick up the Daydream palette
     without rewriting component styles. */
  --bulma-family-primary:   var(--dd-font-body);
  --bulma-family-secondary: var(--dd-font-display);
  --bulma-family-code:      var(--dd-font-mono);

  --bulma-body-background-color: var(--dd-cream);
  --bulma-body-color:            var(--dd-fg);
  --bulma-text:                  var(--dd-fg);
  --bulma-text-strong:           var(--dd-ink);
  --bulma-text-weak:             var(--dd-fg-muted);

  --bulma-link-text:       var(--dd-ink);
  --bulma-link-hover:      var(--dd-sun-red);
  --bulma-primary:         var(--dd-sun-red);
  --bulma-warning:         var(--dd-sun-yellow);
  --bulma-danger:          var(--dd-sun-red);
  --bulma-info:            var(--dd-sun-blue);
  --bulma-success:         var(--dd-success);

  --bulma-border:          var(--dd-border-soft);
  --bulma-background:      var(--dd-cream-soft);
}

/* Display headings use the serif. Bulma sets .title to a
   sans-serif; override here so h1/h2/h3 read as Daydream. */
.title,
h1, h2, h3 {
  font-family: var(--dd-font-display);
  letter-spacing: -0.01em;
}

/* Numerics: tabular figures everywhere monospace appears,
   so KPI numbers don't jitter as values change. */
code, kbd, pre, .is-mono, .is-numeric {
  font-family: var(--dd-font-mono);
  font-variant-numeric: tabular-nums;
}

/* The sun-stripe footer motif — four equal bands across
   the page bottom, one per brand color. */
.dd-sun-stripes {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  height: 10px;
}
.dd-sun-stripes > span:nth-child(1) { background: var(--dd-sun-yellow); }
.dd-sun-stripes > span:nth-child(2) { background: var(--dd-sun-orange); }
.dd-sun-stripes > span:nth-child(3) { background: var(--dd-sun-red); }
.dd-sun-stripes > span:nth-child(4) { background: var(--dd-sun-blue); }