/* shiftedtech · design tokens
   Copied exactly from the portfolio (reference/portfolio/assets/site.css) so both
   sites feel like one family. These are the ONLY raw colour values in the project.
   Light theme only. */

:root {
  --white:#FFFFFF; --off-white:#FAFAFA; --light-grey:#F5F5F5; --grey-100:#F0F0F0; --grey-200:#E5E5E5;
  --grey-300:#D4D4D4; --grey-400:#A3A3A3; --grey-500:#737373; --grey-600:#525252;
  --black:#111111; --near-black:#1A1A1A; --dark:#262626;
  --green:#007A3D; --green-dark:#005C2E; --green-light:#E6F5ED;
  --red:#CE1126; --red-dark:#A50D1E; --red-light:#FCE8EB;
  --amber:#F59E0B; --amber-light:#FFFBEB;
  /* WhatsApp's own green: ONLY for the WhatsApp button (DESIGN.md §6).
     White text on it fails AA (1.98:1), so the button uses --black (9.5:1). */
  --whatsapp:#25D366;

  --font: "Inter", system-ui, sans-serif;

  /* The portfolio took this curve from its scroll engine; we don't load the
     engine yet, so it lives here. Same value, same feel. */
  --ease-out: cubic-bezier(0.23, 1, 0.32, 1);

  --r: 12px;          /* one radius for the page */
  --r-sm: 8px;
  --bar-h: 76px;
}

@media (max-width: 700px) {
  :root { --bar-h: 64px; }
}