@vastare/fundatio 0.1.0

package/src/scss/tokens/_colours.scss

@@ -0,0 +1,707 @@
+/**
+ * Fundatio Design Foundation: Colour Tokens
+ *
+ * Primitive (brand-locked) colour tokens for Fundatio.
+ *
+ * These values are the lowest-level palette primitives and ramps. They are
+ * intentionally immutable to enforce consistent branding across consuming
+ * applications. Override points, where permitted, belong in the semantic
+ * token layer (for example: primary/secondary/status colours).
+ *
+ * This file is intentionally data-only:
+ * - No selectors
+ * - No functions
+ * - No mixins
+ * - No side effects
+ *
+ * @module
+ * @group  tokens.colours
+ * @access public
+ * @since  1.0.0
+ * @author Vastare Development Team
+ */
+
+/* --------------------------------------------------------------------------
+ - Neutral
+ ------------------------------------------------------------------------- */
+
+/** @type color */
+$white: #fff;
+
+/** @type color */
+$base-grey: #adb5bd;
+
+/** @type color */
+$black: #000;
+
+/* --------------------------------------------------------------------------
+ - Base hues (canonical primitives)
+ ------------------------------------------------------------------------- */
+
+/** @type color */
+$base-blue: #233b4e;
+
+/** @type color */
+$base-indigo: #4b3869;
+
+/** @type color */
+$base-purple: #6a0572;
+
+/** @type color */
+$base-pink: #d72638;
+
+/** @type color */
+$base-red: #ba1b1d;
+
+/** @type color */
+$base-orange: #f39237;
+
+/** @type color */
+$base-yellow: #ffcb05;
+
+/** @type color */
+$base-green: #2e8540;
+
+/** @type color */
+$base-teal: #008080;
+
+/** @type color */
+$base-cyan: #00bcd4;
+
+/* --------------------------------------------------------------------------
+ - Grey ramp
+ ------------------------------------------------------------------------- */
+
+/** @type color */
+$grey-tint-90: #fcfcfc;
+
+/** @type color */
+$grey-tint-80: #f8f9fa;
+
+/** @type color */
+$grey-tint-70: #f0f2f4;
+
+/** @type color */
+$grey-tint-60: #e9ecef;
+
+/** @type color */
+$grey-tint-50: #e4e7ea;
+
+/** @type color */
+$grey-tint-40: #dee2e6;
+
+/** @type color */
+$grey-tint-30: #d6dbe0;
+
+/** @type color */
+$grey-tint-20: #ced4da;
+
+/** @type color */
+$grey-tint-10: #bec4cc;
+
+/** @type color */
+$grey-shade-10: #8c959d;
+
+/** @type color */
+$grey-shade-20: #6c757d;
+
+/** @type color */
+$grey-shade-30: #5a626a;
+
+/** @type color */
+$grey-shade-40: #495057;
+
+/** @type color */
+$grey-shade-50: #3e454c;
+
+/** @type color */
+$grey-shade-60: #343a40;
+
+/** @type color */
+$grey-shade-70: #2a3034;
+
+/** @type color */
+$grey-shade-80: #212529;
+
+/** @type color */
+$grey-shade-90: #101214;
+
+/* --------------------------------------------------------------------------
+ - Blue ramp
+ ------------------------------------------------------------------------- */
+
+/** @type color */
+$blue-tint-90: #e4e8ec;
+
+/** @type color */
+$blue-tint-80: #c9d1d8;
+
+/** @type color */
+$blue-tint-70: #b7c0ca;
+
+/** @type color */
+$blue-tint-60: #a5b0bd;
+
+/** @type color */
+$blue-tint-50: #909eac;
+
+/** @type color */
+$blue-tint-40: #7b8c9c;
+
+/** @type color */
+$blue-tint-30: #657786;
+
+/** @type color */
+$blue-tint-20: #4f6271;
+
+/** @type color */
+$blue-tint-10: #394e60;
+
+/** @type color */
+$blue-shade-10: #21384a;
+
+/** @type color */
+$blue-shade-20: #1f3646;
+
+/** @type color */
+$blue-shade-30: #1e3344;
+
+/** @type color */
+$blue-shade-40: #1c3041;
+
+/** @type color */
+$blue-shade-50: #192a38;
+
+/** @type color */
+$blue-shade-60: #16252f;
+
+/** @type color */
+$blue-shade-70: #121d26;
+
+/** @type color */
+$blue-shade-80: #0e151c;
+
+/** @type color */
+$blue-shade-90: #070a0e;
+
+/* --------------------------------------------------------------------------
+ - Indigo ramp
+ ------------------------------------------------------------------------- */
+
+/** @type color */
+$indigo-tint-90: #edebf0;
+
+/** @type color */
+$indigo-tint-80: #dbd7e1;
+
+/** @type color */
+$indigo-tint-70: #c9c3d2;
+
+/** @type color */
+$indigo-tint-60: #b7afc3;
+
+/** @type color */
+$indigo-tint-50: #a59cb4;
+
+/** @type color */
+$indigo-tint-40: #9388a5;
+
+/** @type color */
+$indigo-tint-30: #817496;
+
+/** @type color */
+$indigo-tint-20: #6f6087;
+
+/** @type color */
+$indigo-tint-10: #5d4c78;
+
+/** @type color */
+$indigo-shade-10: #483564;
+
+/** @type color */
+$indigo-shade-20: #44325e;
+
+/** @type color */
+$indigo-shade-30: #403059;
+
+/** @type color */
+$indigo-shade-40: #3c2d54;
+
+/** @type color */
+$indigo-shade-50: #34284a;
+
+/** @type color */
+$indigo-shade-60: #2d223f;
+
+/** @type color */
+$indigo-shade-70: #261c34;
+
+/** @type color */
+$indigo-shade-80: #1e162a;
+
+/** @type color */
+$indigo-shade-90: #0f0b15;
+
+/* --------------------------------------------------------------------------
+ - Purple ramp
+ ------------------------------------------------------------------------- */
+
+/** @type color */
+$purple-tint-90: #f0e6f1;
+
+/** @type color */
+$purple-tint-80: #e1cde3;
+
+/** @type color */
+$purple-tint-70: #d2b4d5;
+
+/** @type color */
+$purple-tint-60: #c39bc7;
+
+/** @type color */
+$purple-tint-50: #b482b8;
+
+/** @type color */
+$purple-tint-40: #a669aa;
+
+/** @type color */
+$purple-tint-30: #97509c;
+
+/** @type color */
+$purple-tint-20: #88378e;
+
+/** @type color */
+$purple-tint-10: #791e80;
+
+/** @type color */
+$purple-shade-10: #64046c;
+
+/** @type color */
+$purple-shade-20: #5f0467;
+
+/** @type color */
+$purple-shade-30: #5a0461;
+
+/** @type color */
+$purple-shade-40: #55045b;
+
+/** @type color */
+$purple-shade-50: #4a0450;
+
+/** @type color */
+$purple-shade-60: #400344;
+
+/** @type color */
+$purple-shade-70: #350239;
+
+/** @type color */
+$purple-shade-80: #2a022e;
+
+/** @type color */
+$purple-shade-90: #150117;
+
+/* --------------------------------------------------------------------------
+ - Pink ramp
+ ------------------------------------------------------------------------- */
+
+/** @type color */
+$pink-tint-90: #fbeaeb;
+
+/** @type color */
+$pink-tint-80: #f7d4d7;
+
+/** @type color */
+$pink-tint-70: #f3bec3;
+
+/** @type color */
+$pink-tint-60: #efa8af;
+
+/** @type color */
+$pink-tint-50: #eb929c;
+
+/** @type color */
+$pink-tint-40: #e77d88;
+
+/** @type color */
+$pink-tint-30: #e36774;
+
+/** @type color */
+$pink-tint-20: #df5160;
+
+/** @type color */
+$pink-tint-10: #db3c4c;
+
+/** @type color */
+$pink-shade-10: #cc2435;
+
+/** @type color */
+$pink-shade-20: #c22232;
+
+/** @type color */
+$pink-shade-30: #b72030;
+
+/** @type color */
+$pink-shade-40: #ac1e2d;
+
+/** @type color */
+$pink-shade-50: #961a28;
+
+/** @type color */
+$pink-shade-60: #811722;
+
+/** @type color */
+$pink-shade-70: #6c131c;
+
+/** @type color */
+$pink-shade-80: #560f16;
+
+/** @type color */
+$pink-shade-90: #2b080b;
+
+/* --------------------------------------------------------------------------
+ - Red ramp
+ ------------------------------------------------------------------------- */
+
+/** @type color */
+$red-tint-90: #f8e8e8;
+
+/** @type color */
+$red-tint-80: #f1d1d2;
+
+/** @type color */
+$red-tint-70: #eababc;
+
+/** @type color */
+$red-tint-60: #e3a4a5;
+
+/** @type color */
+$red-tint-50: #dc8d8e;
+
+/** @type color */
+$red-tint-40: #d67677;
+
+/** @type color */
+$red-tint-30: #cf6060;
+
+/** @type color */
+$red-tint-20: #c8494a;
+
+/** @type color */
+$red-tint-10: #c13234;
+
+/** @type color */
+$red-shade-10: #b01a1c;
+
+/** @type color */
+$red-shade-20: #a7181a;
+
+/** @type color */
+$red-shade-30: #9e1718;
+
+/** @type color */
+$red-shade-40: #951617;
+
+/** @type color */
+$red-shade-50: #821314;
+
+/** @type color */
+$red-shade-60: #701011;
+
+/** @type color */
+$red-shade-70: #5d0e0e;
+
+/** @type color */
+$red-shade-80: #4a0b0c;
+
+/** @type color */
+$red-shade-90: #250606;
+
+/* --------------------------------------------------------------------------
+ - Orange ramp
+ ------------------------------------------------------------------------- */
+
+/** @type color */
+$orange-tint-90: #fef4eb;
+
+/** @type color */
+$orange-tint-80: #fde9d7;
+
+/** @type color */
+$orange-tint-70: #fcdec3;
+
+/** @type color */
+$orange-tint-60: #fad3af;
+
+/** @type color */
+$orange-tint-50: #f9c89b;
+
+/** @type color */
+$orange-tint-40: #f8be87;
+
+/** @type color */
+$orange-tint-30: #f6b373;
+
+/** @type color */
+$orange-tint-20: #f5a85f;
+
+/** @type color */
+$orange-tint-10: #f49d4b;
+
+/** @type color */
+$orange-shade-10: #e78a34;
+
+/** @type color */
+$orange-shade-20: #db8332;
+
+/** @type color */
+$orange-shade-30: #ce7c2f;
+
+/** @type color */
+$orange-shade-40: #c2752c;
+
+/** @type color */
+$orange-shade-50: #aa6626;
+
+/** @type color */
+$orange-shade-60: #925821;
+
+/** @type color */
+$orange-shade-70: #7a491c;
+
+/** @type color */
+$orange-shade-80: #613a16;
+
+/** @type color */
+$orange-shade-90: #301d0b;
+
+/* --------------------------------------------------------------------------
+ - Yellow ramp
+ ------------------------------------------------------------------------- */
+
+/** @type color */
+$yellow-tint-90: #fffae6;
+
+/** @type color */
+$yellow-tint-80: #fff4cc;
+
+/** @type color */
+$yellow-tint-70: #ffeeb2;
+
+/** @type color */
+$yellow-tint-60: #ffe999;
+
+/** @type color */
+$yellow-tint-50: #ffe380;
+
+/** @type color */
+$yellow-tint-40: #fd6;
+
+/** @type color */
+$yellow-tint-30: #ffd84c;
+
+/** @type color */
+$yellow-tint-20: #ffd233;
+
+/** @type color */
+$yellow-tint-10: #ffce1c;
+
+/** @type color */
+$yellow-shade-10: #f2c005;
+
+/** @type color */
+$yellow-shade-20: #e6b505;
+
+/** @type color */
+$yellow-shade-30: #d9aa04;
+
+/** @type color */
+$yellow-shade-40: #cc9f04;
+
+/** @type color */
+$yellow-shade-50: #b28a04;
+
+/** @type color */
+$yellow-shade-60: #997503;
+
+/** @type color */
+$yellow-shade-70: #806002;
+
+/** @type color */
+$yellow-shade-80: #664c02;
+
+/** @type color */
+$yellow-shade-90: #332601;
+
+/* --------------------------------------------------------------------------
+ - Green ramp
+ ------------------------------------------------------------------------- */
+
+/** @type color */
+$green-tint-90: #e6f1e8;
+
+/** @type color */
+$green-tint-80: #cde3d1;
+
+/** @type color */
+$green-tint-70: #b4d5ba;
+
+/** @type color */
+$green-tint-60: #9bc7a3;
+
+/** @type color */
+$green-tint-50: #82b88c;
+
+/** @type color */
+$green-tint-40: #69aa75;
+
+/** @type color */
+$green-tint-30: #509c5e;
+
+/** @type color */
+$green-tint-20: #378e47;
+
+/** @type color */
+$green-tint-10: #328a44;
+
+/** @type color */
+$green-shade-10: #2c7e3c;
+
+/** @type color */
+$green-shade-20: #297839;
+
+/** @type color */
+$green-shade-30: #277136;
+
+/** @type color */
+$green-shade-40: #256a33;
+
+/** @type color */
+$green-shade-50: #205c2c;
+
+/** @type color */
+$green-shade-60: #1c4f26;
+
+/** @type color */
+$green-shade-70: #184220;
+
+/** @type color */
+$green-shade-80: #13341a;
+
+/** @type color */
+$green-shade-90: #0a1a0d;
+
+/* --------------------------------------------------------------------------
+ - Teal ramp
+ ------------------------------------------------------------------------- */
+
+/** @type color */
+$teal-tint-90: #e6f6f6;
+
+/** @type color */
+$teal-tint-80: #cceded;
+
+/** @type color */
+$teal-tint-70: #b2e4e4;
+
+/** @type color */
+$teal-tint-60: #99dbdb;
+
+/** @type color */
+$teal-tint-50: #80d2d2;
+
+/** @type color */
+$teal-tint-40: #66c9c9;
+
+/** @type color */
+$teal-tint-30: #4cc0c0;
+
+/** @type color */
+$teal-tint-20: #33b7b7;
+
+/** @type color */
+$teal-tint-10: #1a9c9c;
+
+/** @type color */
+$teal-shade-10: #007a7a;
+
+/** @type color */
+$teal-shade-20: #007373;
+
+/** @type color */
+$teal-shade-30: #006c6c;
+
+/** @type color */
+$teal-shade-40: #066;
+
+/** @type color */
+$teal-shade-50: #005959;
+
+/** @type color */
+$teal-shade-60: #004c4c;
+
+/** @type color */
+$teal-shade-70: #004040;
+
+/** @type color */
+$teal-shade-80: #033;
+
+/** @type color */
+$teal-shade-90: #001a1a;
+
+/* --------------------------------------------------------------------------
+ - Cyan ramp
+ ------------------------------------------------------------------------- */
+
+/** @type color */
+$cyan-tint-90: #e6f8fb;
+
+/** @type color */
+$cyan-tint-80: #ccf2f7;
+
+/** @type color */
+$cyan-tint-70: #b2ecf3;
+
+/** @type color */
+$cyan-tint-60: #99e6ef;
+
+/** @type color */
+$cyan-tint-50: #80e0eb;
+
+/** @type color */
+$cyan-tint-40: #66d9e7;
+
+/** @type color */
+$cyan-tint-30: #4cd3e3;
+
+/** @type color */
+$cyan-tint-20: #33cddf;
+
+/** @type color */
+$cyan-tint-10: #1ac4da;
+
+/** @type color */
+$cyan-shade-10: #00b2ca;
+
+/** @type color */
+$cyan-shade-20: #00a8bf;
+
+/** @type color */
+$cyan-shade-30: #009eb4;
+
+/** @type color */
+$cyan-shade-40: #0093aa;
+
+/** @type color */
+$cyan-shade-50: #007e94;
+
+/** @type color */
+$cyan-shade-60: #006a7f;
+
+/** @type color */
+$cyan-shade-70: #00556a;
+
+/** @type color */
+$cyan-shade-80: #004054;
+
+/** @type color */
+$cyan-shade-90: #00202a;