/* ==========================================================================
   Decimal Design System — Primitive Tokens
   Generated from Figma token architecture
   ========================================================================== */

:root {

  /* --- Colors: Solid --- */
  --color-solid-white: #FFFFFF;
  --color-solid-black: #000000;
  --color-solid-A0-white: rgba(255, 255, 255, 0.0);
  --color-solid-A30-white: rgba(255, 255, 255, 0.3);
  --color-solid-A40-white: rgba(255, 255, 255, 0.3);

  /* --- Colors: Slate --- */
  --color-slate-0: #F6F7F8;
  --color-slate-10: #E6E8EB;
  --color-slate-20: #D5D6D9;
  --color-slate-30: #B3B5BA;
  --color-slate-40: #818289;
  --color-slate-50: #606166;
  --color-slate-60: #4A4A4A;
  --color-slate-70: #3C3C3C;
  --color-slate-80: #2B2B2B;
  --color-slate-90: #222222;
  --color-slate-100: #141414;
  --color-slate-A0-90: #222222;
  --color-slate-A20-0: rgba(246, 247, 248, 0.2);
  --color-slate-A20-100: rgba(20, 20, 20, 0.2);
  --color-slate-A30-100: rgba(20, 20, 20, 0.3);
  --color-slate-A40-100: rgba(20, 20, 20, 0.4);

  /* --- Colors: Obsidian --- */
  --color-obsidian-0: #F6F6F6;
  --color-obsidian-10: #E6E9EB;
  --color-obsidian-20: #DBDDE1;
  --color-obsidian-30: #BBBEC5;
  --color-obsidian-40: #7E8595;
  --color-obsidian-50: #5C6270;
  --color-obsidian-60: #474C57;
  --color-obsidian-70: #34373D;
  --color-obsidian-80: #292B2E;
  --color-obsidian-90: #1D1E20;
  --color-obsidian-100: #0F0F10;
  --color-obsidian-A0-90: #222222;
  --color-obsidian-A20-0: rgba(246, 247, 248, 0.2);
  --color-obsidian-A20-100: rgba(20, 20, 20, 0.2);
  --color-obsidian-A30-100: rgba(20, 20, 20, 0.3);
  --color-obsidian-A40-100: rgba(20, 20, 20, 0.4);

  /* --- Colors: Sky --- */
  --color-sky-0: #F5FAFC;
  --color-sky-10: #DAF6FC;
  --color-sky-20: #B4EEF8;
  --color-sky-30: #76D6EA;
  --color-sky-40: #00A3E1;
  --color-sky-50: #0068B7;
  --color-sky-60: #024FA1;
  --color-sky-70: #003B79;
  --color-sky-80: #00205B;
  --color-sky-90: #00153C;
  --color-sky-100: #000D26;

  /* --- Colors: Sapphire --- */
  --color-sapphire-0: #F1F7FF;
  --color-sapphire-10: #E4ECFB;
  --color-sapphire-20: #D2DFF9;
  --color-sapphire-30: #9EB9F0;
  --color-sapphire-40: #6490E8;
  --color-sapphire-50: #1D5FE2;
  --color-sapphire-60: #184CB4;
  --color-sapphire-70: #143D90;
  --color-sapphire-80: #0D2A63;
  --color-sapphire-90: #01204C;
  --color-sapphire-100: #000D26;

  /* --- Colors: Patina --- */
  --color-patina-0: #F3FCF7;
  --color-patina-10: #DBFAEE;
  --color-patina-20: #A2E7D4;
  --color-patina-30: #40C1AC;
  --color-patina-40: #2EA392;
  --color-patina-50: #1E765A;
  --color-patina-60: #1A654F;
  --color-patina-70: #145243;
  --color-patina-80: #13493C;
  --color-patina-90: #103C33;
  --color-patina-100: #0E342B;

  /* --- Colors: Emerald --- */
  --color-emerald-0: #EFF9EC;
  --color-emerald-10: #E5F5E0;
  --color-emerald-20: #C2E6B7;
  --color-emerald-30: #83CD6A;
  --color-emerald-40: #54A820;
  --color-emerald-50: #25780A;
  --color-emerald-60: #1D6407;
  --color-emerald-70: #195506;
  --color-emerald-80: #0F3D00;
  --color-emerald-90: #0D3300;
  --color-emerald-100: #081F00;

  /* --- Colors: Sand --- */
  --color-sand-0: #F7F1ED;
  --color-sand-10: #F4E6DA;
  --color-sand-20: #E8CABA;
  --color-sand-30: #E3B39C;
  --color-sand-40: #B5755A;
  --color-sand-50: #88533A;
  --color-sand-60: #7A4833;
  --color-sand-70: #653D2A;
  --color-sand-80: #4F2D1B;
  --color-sand-90: #3C1D0C;
  --color-sand-100: #221007;

  /* --- Colors: Copper --- */
  --color-copper-0: #FFF9F1;
  --color-copper-10: #FFF1DB;
  --color-copper-20: #FFE0B3;
  --color-copper-30: #F2BB6A;
  --color-copper-40: #F09000;
  --color-copper-50: #D96B00;
  --color-copper-60: #BE5400;
  --color-copper-70: #A34800;
  --color-copper-80: #823A00;
  --color-copper-90: #642D00;
  --color-copper-100: #482000;

  /* --- Colors: Citrine --- */
  --color-citrine-0: #D7F7DA;
  --color-citrine-10: #BDF2C2;
  --color-citrine-20: #8AEBAB;
  --color-citrine-30: #60DE8B;
  --color-citrine-40: #46C771;
  --color-citrine-50: #1BB04D;
  --color-citrine-60: #178E3F;
  --color-citrine-70: #24743F;
  --color-citrine-80: #1A5A30;
  --color-citrine-90: #164D29;
  --color-citrine-100: #0F4321;

  /* --- Colors: Rust --- */
  --color-rust-0: #FFF3F0;
  --color-rust-10: #FFE8E4;
  --color-rust-20: #FFC9BF;
  --color-rust-30: #E79B8D;
  --color-rust-40: #DD7360;
  --color-rust-50: #BA3A29;
  --color-rust-60: #A42312;
  --color-rust-70: #851405;
  --color-rust-80: #770E00;
  --color-rust-90: #610B00;
  --color-rust-100: #4B0A01;

  /* --- Colors: Garnet --- */
  --color-garnet-0: #FFF5F5;
  --color-garnet-10: #FFE0E0;
  --color-garnet-20: #FFCCCC;
  --color-garnet-30: #FF9999;
  --color-garnet-40: #FF5C5C;
  --color-garnet-50: #CC0000;
  --color-garnet-60: #B30000;
  --color-garnet-70: #990000;
  --color-garnet-80: #7A0000;
  --color-garnet-90: #660000;
  --color-garnet-100: #3D0000;

  /* --- Colors: Amethyst --- */
  --color-amethyst-0: #EAE9FF;
  --color-amethyst-10: #DCDBFB;
  --color-amethyst-20: #C1BCFF;
  --color-amethyst-30: #A69CFF;
  --color-amethyst-40: #7A71F4;
  --color-amethyst-50: #584FD0;
  --color-amethyst-60: #483FBF;
  --color-amethyst-70: #322A9E;
  --color-amethyst-80: #292289;
  --color-amethyst-90: #160F78;
  --color-amethyst-100: #0B055F;

  /* --- Colors: Ruby --- */
  --color-ruby-0: #FFF0F9;
  --color-ruby-10: #FFE5F5;
  --color-ruby-20: #FFC2E7;
  --color-ruby-30: #FF99D5;
  --color-ruby-40: #F32BA3;
  --color-ruby-50: #C7007E;
  --color-ruby-60: #A0086A;
  --color-ruby-70: #8D075E;
  --color-ruby-80: #74004B;
  --color-ruby-90: #5F003D;
  --color-ruby-100: #4B0030;

  /* --- Spacing Units --- */
  --unit-0x: 0px;
  --unit-0125: 1px;
  --unit-025: 2px;
  --unit-050: 4px;
  --unit-100: 8px;
  --unit-150: 12px;
  --unit-200: 16px;
  --unit-300: 24px;
  --unit-400: 32px;
  --unit-500: 40px;
  --unit-600: 48px;
  --unit-700: 56px;
  --unit-800: 64px;
  --unit-900: 72px;
  --unit-1000: 80px;
  --unit-1100: 88px;
  --unit-1200: 96px;
  --unit-1300: 104px;
  --unit-1400: 112px;
  --unit-1500: 120px;
  --unit-2000: 160px;

  /* --- Font Families --- */
  --font-family-roboto: Roboto;
  --font-family-robotomono: "Roboto Mono";
  --font-family-opensans: "Open Sans";

  /* --- Font Weights --- */
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-bold: 700;
  --font-weight-semibold: 600;
}