/* ==========================================================================
   ELMECH Engineering — design tokens
   Colour values extracted verbatim from the previous elmech-engineering.gr
   build so the rebuild matches the existing brand exactly.
   ========================================================================== */

:root {
  /* Brand -------------------------------------------------------------- */
  --primary: #6bb7e6;          /* light blue — accents, links */
  --primary-content: #ffffff;  /* text on primary */
  --secondary: #00407d;        /* navy — header, footer */
  --secondary-content: #ffffff;
  --accent: #53a786;           /* green — calls to action */
  --accent-content: #ffffff;
  --neutral: #7292a6;
  --neutral-content: #2d3a42;

  /* Accessible variants ------------------------------------------------
     The brand colours above are ELMECH's own, taken from the previous site,
     and they do not meet WCAG AA where small text sits on them:

       white on --accent  #53a786   2.9:1  (AA needs 4.5:1)
       --primary #6bb7e6 on white   2.2:1  (AA needs 4.5:1)

     Rather than change the brand, these darker variants of the same hues are
     used only where the colour carries small text. The originals stay in use
     for borders, icons, and anywhere the contrast already passes - notably
     --primary on the navy header, which is 4.7:1.

       white on --accent-strong  #2f7d5f   4.98:1
       --primary-strong #1f6f9e on white   5.49:1                          */
  --accent-strong: #2f7d5f;
  --accent-strong-hover: #266750;
  --primary-strong: #1f6f9e;

  /* Surfaces and text --------------------------------------------------- */
  --base-100: #ffffff;
  --base-200: #f5f7f9;
  --base-300: #e6eaee;
  --base-content: #343d41;     /* body text */

  /* Status -------------------------------------------------------------- */
  --success: #32b585;
  --success-content: #d4fffa;
  --error: #ff3d3d;
  --error-content: #ffffff;
  --info: #378eff;
  --info-content: #afdfff;

  /* Typography ---------------------------------------------------------- */
  --font-title: 'Manrope', 'Futura', system-ui, sans-serif;
  --font-body: 'Roboto', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-mono: ui-monospace, 'Cascadia Code', 'Consolas', monospace;

  /* Layout -------------------------------------------------------------- */
  --content-max: 70rem;        /* matches the previous site's container */
  --nav-height: 4.5rem;
  --radius: 0.5rem;
  --shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1),
               0 4px 6px -4px rgb(0 0 0 / 0.1);

  /* Motion — respected by the media query below ------------------------- */
  --transition-slow: 2000ms;
  --transition-base: 200ms;
}

/* Users who ask for less motion get none of the scroll reveals. */
@media (prefers-reduced-motion: reduce) {
  :root {
    --transition-slow: 0ms;
    --transition-base: 0ms;
  }

  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}