/* ============================================================
   THEME TOKENS  —  EDIT THIS FILE TO RE-BRAND THE WHOLE SITE
   Change the colors + font here and everything updates.
   ============================================================ */
:root{
  /* Brand palette — OTech (1c3f73 · 00b2d9 · 00a5a6 · e8eef7 · dad9d9) */
  --brand:        #1c3f73;   /* navy — primary surfaces (hero, footer, panels) */
  --brand-dark:   #15305a;   /* darker navy — gradient depth */
  --accent:       #00b2d9;   /* bright cyan — DECORATIVE (diamonds, lines, bars, pagination, glow) */
  --accent-2:     #00a5a6;   /* teal — secondary decorative accent */
  --accent-cta:   #0a7c9a;   /* darkened cyan — solid-button bg: >=4.5:1 with white text */
  --accent-text:  #0a7c9a;   /* cyan-colored TEXT on white: >=4.5:1 */

  /* Neutrals */
  --ink:      #15233d;   /* dark navy — headings & body */
  --ink-soft: #44545C;
  --muted:    #6B7780;   /* muted TEXT — >=4.5:1 on white */
  --line:     #dad9d9;   /* neutral light border */
  --bg:       #ffffff;
  --bg-soft:  #e8eef7;   /* light blue section bg */

  /* Typography */
  --font: 'Outfit', system-ui, -apple-system, Segoe UI, Roboto, sans-serif;

  /* Layout rhythm */
  --container: 1280px;
  --pad: 20px;
  --gap: 110px;          /* vertical spacing between sections */
  --radius: 4px;

  /* Motion */
  --ease: cubic-bezier(.22,.61,.36,1);
  --reveal-y: 26px;
  --reveal-dur: .75s;

  /* Hero background image (the real OTech home hero photo). Set to 'none' for the pure-gradient look. */
  --hero-image: url("../assets/img/otech/hero-home.jpg");
}