/* css/tokens.css — Copperstone Holdings design tokens */
:root {
  /* Colours */
  --c-near-black:   #161616;
  --c-deep-ocean:   #124764;
  --c-steel-blue:   #175374;
  --c-sky-steel:    #4A7FA5;
  --c-charcoal:     #303030;
  --c-cloud-white:  #F6F6F6;
  --c-ice-blue:     #D6E8F3;
  --c-white:        #FFFFFF;

  /* Typography */
  --font-primary:   'League Spartan', Calibri, sans-serif;
  --tracking-tight: -0.03em;
  --tracking-wide:  0.12em;
  --lh-body:        1.7;
  --lh-heading:     1.1;

  /* Spacing scale */
  --sp-xs:   0.5rem;   /*  8px */
  --sp-sm:   1rem;     /* 16px */
  --sp-md:   1.5rem;   /* 24px */
  --sp-lg:   2.5rem;   /* 40px */
  --sp-xl:   4rem;     /* 64px */
  --sp-2xl:  6rem;     /* 96px */

  /* Borders */
  --border-steel: 2px solid var(--c-steel-blue);
  --border-ice:   1px solid var(--c-ice-blue);
  --radius-sm:    3px;

  /* Shadows */
  --shadow-card:    0 2px 12px rgba(23, 83, 116, 0.10), 0 1px 3px rgba(23, 83, 116, 0.06);
  --shadow-nav:     0 2px 16px rgba(23, 83, 116, 0.08);
  --shadow-modal:   0 8px 40px rgba(22, 22, 22, 0.30);

  /* Transitions */
  --ease-spring:    cubic-bezier(0.34, 1.56, 0.64, 1);
  --ease-out:       cubic-bezier(0.16, 1, 0.3, 1);
  --duration-fast:  150ms;
  --duration-base:  250ms;
}