/* Fuel (fpfuel.com) -- brand tokens. Import into every page on this surface. */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');

:root {
  /* brand constants (identical in both modes) */
  --espresso:   #1B120C;
  --espresso-2: #241610;
  --blaze:      #F4510B;
  --ember:      #E8622C;
  --terra:      #A64B2A;
  --cream:      #F6F1E7;
  --cream-2:    #EFE8DA;

  /* semantic -- light mode defaults */
  --bg:      var(--cream);
  --bg-2:    var(--cream-2);
  --fg:      var(--espresso);
  --muted:   #7A6A5C;
  --line:    #E3D9C7;
  --grid:    rgba(27, 18, 12, .06);

  /* type */
  --font-display: 'Inter', 'Helvetica Neue', Arial, sans-serif; /* 600, tight tracking */
  --font-body:    'Inter', 'Helvetica Neue', Arial, sans-serif;

  /* radii + shadow */
  --r-sm: 8px;  --r-md: 14px;  --r-lg: 22px;
  --shadow-1: 0 2px 8px rgba(27, 18, 12, .12);
  --shadow-2: 0 12px 40px rgba(27, 18, 12, .18);
}

[data-theme="dark"] {
  --bg:    var(--espresso);
  --bg-2:  var(--espresso-2);
  --fg:    var(--cream);
  --muted: #B8AB9C;
  --line:  #3A2B1F;
  --grid:  rgba(246, 241, 231, .05);
  --shadow-1: 0 2px 8px rgba(0, 0, 0, .35);
  --shadow-2: 0 12px 40px rgba(0, 0, 0, .45);
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --bg:    var(--espresso);
    --bg-2:  var(--espresso-2);
    --fg:    var(--cream);
    --muted: #B8AB9C;
    --line:  #3A2B1F;
    --grid:  rgba(246, 241, 231, .05);
    --shadow-1: 0 2px 8px rgba(0, 0, 0, .35);
    --shadow-2: 0 12px 40px rgba(0, 0, 0, .45);
  }
}

/* base helpers */
.font-display { font-family: var(--font-display); font-weight: 600; letter-spacing: -0.02em; }
.font-label { font-family: var(--font-body); font-weight: 500; text-transform: uppercase; letter-spacing: .08em; }
.font-body { font-family: var(--font-body); }