/* ============================================================
   CourserTech — Design Tokens
   Inspired by lk-ea.com : clean, simple, industrial.
   Lato · LK Blue #005B8C · white · technical grey + 1 accent
   ============================================================ */
:root {
  /* Brand colours */
  --c-primary:        #005B8C;   /* LK brand blue          */
  --c-primary-dark:   #00476D;   /* hover / darker blue    */
  --c-primary-deep:   #052E42;   /* dark sections / footer */
  --c-accent:         #00A9CE;   /* one strong accent      */
  --c-accent-soft:    #E4F5FA;   /* soft accent background */
  --c-gold:           #F2B33D;   /* small highlight use    */

  /* Neutrals */
  --c-ink:            #14283A;   /* headings               */
  --c-body:           #3D4C59;   /* paragraph text         */
  --c-muted:          #647581;   /* secondary text         */
  --c-line:           #DDE6EC;   /* borders                */
  --c-bg-soft:        #F4F8FA;   /* light section bg       */
  --c-white:          #FFFFFF;

  /* States */
  --c-success:        #2E8B57;
  --c-danger:         #C0392B;

  /* Typography */
  --font-main: "Lato", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  --fs-hero:        clamp(1.4rem, 7vw, 3.4rem);
  --fs-h1:          clamp(1.7rem, 3.4vw, 2.5rem);
  --fs-h2:          clamp(1.5rem, 2.8vw, 2.1rem);
  --fs-h3:          1.25rem;
  --fs-h4:          1.05rem;
  --fs-lg:          1.0625rem;
  --fs-base:        1rem;
  --fs-sm:          0.875rem;
  --fs-xs:          0.75rem;
  --leading-body:   1.7;
  --tracking-eyebrow: 0.14em;

  /* Layout */
  --container:      1200px;
  --container-narrow: 860px;
  --header-h:       74px;
  --topbar-h:       40px;
  --section-pad:    clamp(64px, 9vw, 104px);
  --radius:         8px;
  --radius-lg:      14px;
  --radius-pill:    999px;

  /* Effects */
  --shadow-sm:  0 1px 3px rgba(20, 40, 60, .08);
  --shadow-md:  0 6px 18px rgba(20, 40, 60, .10);
  --shadow-lg:  0 14px 34px rgba(20, 40, 60, .14);
  --transition: 0.25s ease;

  /* Motion (keep it simple & gentle) */
  --dur-reveal: 0.7s;
  --ease-reveal: cubic-bezier(0.22, 0.61, 0.36, 1);
}