/* ============================================================
   TIBA OIL TOOLS — BRAND TOKENS  (v3 — industrial editorial)
   Source of truth = 5 fixed brand colors (Phase 0).
   Neutrals/text are DERIVED from the brand blues only.
   No new hues introduced. Red = functional marking + CTAs only.
   ============================================================ */

:root {
  /* ---- FIXED BRAND PALETTE (do not change) ---- */
  --brand-dark-blue:   #27316E;
  --brand-medium-blue: #1E5F9D;
  --brand-light-blue:  #9BAED4;
  --brand-red:         #D53D38;
  --brand-bg:          #FFFFFF;

  /* ---- DERIVED NEUTRALS (same hue family) ---- */
  --ink:           #1B2347;
  --ink-muted:     #4A5680;
  --ink-faint:     #7E89AD;

  --paper:         #FFFFFF;
  --paper-tint:    #F4F6FB;   /* light blue-tinted paper           */
  --paper-tint-2:  #E9EEF7;

  --line:          rgba(39, 49, 110, 0.16);   /* hairlines         */
  --line-strong:   rgba(39, 49, 110, 0.34);
  --line-inverse:  rgba(255, 255, 255, 0.18);

  /* ---- INTERACTIVE ---- */
  --red-hover:     #B8322D;
  --blue-hover:    #184E84;

  /* ---- TYPE ---- */
  --font-display: "Archivo", system-ui, -apple-system, sans-serif;
  --font-body:    "Archivo", system-ui, -apple-system, sans-serif;
  --font-mono:    "IBM Plex Mono", ui-monospace, "SF Mono", monospace;

  /* ---- GEOMETRY — sharp, drafted ---- */
  --r: 2px;

  /* ---- MOTION ---- */
  --ease: cubic-bezier(0.32, 0, 0.16, 1);
  --dur: 0.45s;

  /* ---- LAYOUT ---- */
  --maxw: 1320px;
  --gutter: clamp(1.1rem, 4vw, 3.5rem);
}