/*
 * Elliot Theme — Primitive Tokens
 * Raw size and colour foundations only. Never use these directly in component CSS —
 * use the semantic/application tokens in variables.css instead.
 */

:root {

/* =========================================================
   1. PRIMITIVE SIZE TOKENS
   ========================================================= */

--size-raw-0:   0rem;
--size-raw-12:  0.75rem;
--size-raw-17:  1.0625rem;
--size-raw-20:  1.25rem;
--size-raw-24:  1.5rem;
--size-raw-32:  2rem;
--size-raw-40:  2.5rem;
--size-raw-48:  3rem;
--size-raw-56:  3.5rem;
--size-raw-64:  4rem;
--size-raw-72:  4.5rem;
--size-raw-80:  5rem;
--size-raw-96:  6rem;
--size-raw-112: 7rem;
--size-raw-128: 8rem;
--size-raw-144: 9rem;
--size-raw-160: 10rem;


/* =========================================================
   2. PRIMITIVE COLOUR TOKENS — NEUTRAL
   ========================================================= */

--color-raw-neutral-50:   #ffffff;
--color-raw-neutral-100:  #f9f9f9;
--color-raw-neutral-200:  #ededed;
--color-raw-neutral-300:  #f2f2f2;
--color-raw-neutral-400:  #e6e6e6;
--color-raw-neutral-500:  #d9d9d9;
--color-raw-neutral-600:  #cccccc;
--color-raw-neutral-700:  #b3b3b3;
--color-raw-neutral-800:  #8c8c8c;
--color-raw-neutral-900:  #666666;
--color-raw-neutral-950:  #404040;
--color-raw-neutral-1000: #333333;
--color-raw-neutral-1050: #262626;
--color-raw-neutral-1100: #1a1a1a;
--color-raw-neutral-1150: #131313;
--color-raw-neutral-1200: #0d0d0d;
--color-raw-neutral-1250: #060606;
--color-raw-neutral-1300: #000000;


/* =========================================================
   2. PRIMITIVE COLOUR TOKENS — PRIMARY
   ========================================================= */

--color-raw-pri-50:   #fbf7f0;
--color-raw-pri-100:  #f8eee2;
--color-raw-pri-200:  #f4e6d3;
--color-raw-pri-300:  #f0ddc5;
--color-raw-pri-400:  #e9cda8;
--color-raw-pri-500:  #e1bc8b;
--color-raw-pri-600:  #daab6e;
--color-raw-pri-700:  #d39c4a;
--color-raw-pri-800:  #ba8331;
--color-raw-pri-900:  #a06917;
--color-raw-pri-950:  #6d3600;
--color-raw-pri-1000: #541d00;
--color-raw-pri-1050: #411200;
--color-raw-pri-1100: #280000;
--color-raw-pri-1150: #0e0000;


/* =========================================================
   2. PRIMITIVE COLOUR TOKENS — SECONDARY
   ========================================================= */

--color-raw-sec-50:   #ffffff;
--color-raw-sec-100:  #f0f7f3;
--color-raw-sec-200:  #d2e6dc;
--color-raw-sec-300:  #a4cdb8;
--color-raw-sec-400:  #86bca1;
--color-raw-sec-500:  #68ab89;
--color-raw-sec-600:  #339375;
--color-raw-sec-700:  #1a7a5c;
--color-raw-sec-800:  #006042;
--color-raw-sec-900:  #004729;
--color-raw-sec-950:  #003a1c;
--color-raw-sec-1000: #002103;
--color-raw-sec-1050: #002b09;
--color-raw-sec-1100: #001200;
--color-raw-sec-1150: #030906;


/* =========================================================
   2. PRIMITIVE COLOUR TOKENS — TERTIARY
   ========================================================= */

--color-raw-ter-50:   #fffff7;
--color-raw-ter-100:  #fff6ea;
--color-raw-ter-200:  #ffe9dd;
--color-raw-ter-300:  #ffd0c4;
--color-raw-ter-400:  #ffb6aa;
--color-raw-ter-500:  #ff9d91;
--color-raw-ter-600:  #ff8377;
--color-raw-ter-700:  #ff6a5e;
--color-raw-ter-800:  #e14337;
--color-raw-ter-900:  #bb1d11;
--color-raw-ter-950:  #880000;
--color-raw-ter-1000: #550000;
--color-raw-ter-1050: #380000;
--color-raw-ter-1100: #28060e;
--color-raw-ter-1150: #1a0409;

}