/* -------------------------------------
   GOTWEE - Core Design Tokens
   Direct representation of Figma tokens
   Modes: Light / Dark
------------------------------------- */

/* Default mode = Light */
:root {
  /* spacing */
  --spacing-50: 4px;
  --spacing-75: 6px;
  --spacing-100: 8px;
  --spacing-150: 12px;
  --spacing-200: 16px;
  --spacing-300: 24px;
  --spacing-400: 32px;
  --spacing-500: 40px;
  --spacing-600: 48px;

  /* radius */
  --radius-25: 1px;
  --radius-50: 2px;
  --radius-100: 4px;
  --radius-200: 8px;
  --radius-300: 12px;
  --radius-400: 16px;

  /* colors / neutral */
  --color-neutral-50: #DBDDE1;
  --color-neutral-100: #C4C8CF;
  --color-neutral-200: #AEB3BC;
  --color-neutral-300: #989EA9;
  --color-neutral-400: #7F8694;
  --color-neutral-500: #6B7280;
  --color-neutral-600: #5F6572;
  --color-neutral-700: #535964;
  --color-neutral-800: #454A54;
  --color-neutral-900: #393E46;
  --color-neutral-1000: #2E3138;

  /* colors / brand-primary */
  --color-brand-primary-50: #CDD6D0;
  --color-brand-primary-100: #B6C3BB;
  --color-brand-primary-200: #A0B0A6;
  --color-brand-primary-300: #8A9E91;
  --color-brand-primary-400: #778D7F;
  --color-brand-primary-500: #64786B;
  --color-brand-primary-600: #586A5E;
  --color-brand-primary-700: #435148;
  --color-brand-primary-800: #37433B;
  --color-brand-primary-900: #2E3831;
  --color-brand-primary-1000: #222A25;

  /* colors / brand-secondary */
  --color-brand-secondary-50: #FEF6F6;
  --color-brand-secondary-100: #FBE0E0;
  --color-brand-secondary-200: #FADBDC;
  --color-brand-secondary-300: #F8CECE;
  --color-brand-secondary-400: #F6C0C1;
  --color-brand-secondary-500: #FAC5C6;
  --color-brand-secondary-600: #F8ABAC;
  --color-brand-secondary-700: #F58E90;
  --color-brand-secondary-800: #F37274;
  --color-brand-secondary-900: #F05659;
  --color-brand-secondary-1000: #EC2226;

  /* colors / brand-tertiary */
  --color-brand-tertiary-50: #FAECEA;
  --color-brand-tertiary-100: #F0C3BC;
  --color-brand-tertiary-200: #ECABA1;
  --color-brand-tertiary-300: #E8988C;
  --color-brand-tertiary-400: #E38272;
  --color-brand-tertiary-500: #E67A69;
  --color-brand-tertiary-600: #E16451;
  --color-brand-tertiary-700: #D63C24;
  --color-brand-tertiary-800: #C0311B;
  --color-brand-tertiary-900: #A52A18;
  --color-brand-tertiary-1000: #8A2414;

  /* colors / blue */
  --color-blue-50: #E8F0FD;
  --color-blue-100: #C7DBF9;
  --color-blue-200: #A5C5F8;
  --color-blue-300: #83AFF6;
  --color-blue-400: #5E99F7;
  --color-blue-500: #3B82F6;
  --color-blue-600: #1F71F4;
  --color-blue-700: #055FEF;
  --color-blue-800: #0553D1;
  --color-blue-900: #0447B4;
  --color-blue-1000: #033B96;

  /* colors / green */
  --color-green-50: #C4F2D5;
  --color-green-100: #88E7AB;
  --color-green-200: #62E492;
  --color-green-300: #3FDE7A;
  --color-green-400: #23D163;
  --color-green-500: #22C55E;
  --color-green-600: #1AB252;
  --color-green-700: #179C48;
  --color-green-800: #13863D;
  --color-green-900: #0E7232;
  --color-green-1000: #0B5828;

  /* colors / orange */
  --color-orange-50: #FDF5E8;
  --color-orange-100: #F7D9A6;
  --color-orange-200: #F6C879;
  --color-orange-300: #F7B84A;
  --color-orange-400: #F6A61E;
  --color-orange-500: #F59E0B;
  --color-orange-600: #DD8D04;
  --color-orange-700: #BF7A03;
  --color-orange-800: #A06703;
  --color-orange-900: #855400;
  --color-orange-1000: #664100;

  /* colors / red */
  --color-red-50: #FCE9E9;
  --color-red-100: #F8C9C9;
  --color-red-200: #F5A8A8;
  --color-red-300: #F28888;
  --color-red-400: #F26464;
  --color-red-500: #EF4444;
  --color-red-600: #EC2727;
  --color-red-700: #CE0D0D;
  --color-red-800: #B10B0B;
  --color-red-900: #950909;
  --color-red-1000: #780808;

  /* colors / basic */
  --color-basic-white: #ffffff;
  --color-basic-black: #000000;

}

/* Dark mode */
body.theme-dark {
  /* colors / basic */
  --color-basic-white: #ffffff;
  --color-basic-black: #000000;

  /* colors / neutral */
  --color-neutral-50: #25272D;
  --color-neutral-100: #292C33;
  --color-neutral-200: #353940;
  --color-neutral-300: #454A54;
  --color-neutral-400: #565B67;
  --color-neutral-500: #6B7280;
  --color-neutral-600: #7F8694;
  --color-neutral-700: #969BA7;
  --color-neutral-800: #ACB0B9;
  --color-neutral-900: #BFC3C9;
  --color-neutral-1000: #D5D8DC;

  /* colors / brand-primary */
  --color-brand-primary-50: #202723;
  --color-brand-primary-100: #27302A;
  --color-brand-primary-200: #333E36;
  --color-brand-primary-300: #414E45;
  --color-brand-primary-400: #516257;
  --color-brand-primary-500: #64786B;
  --color-brand-primary-600: #778D7F;
  --color-brand-primary-700: #8DA094;
  --color-brand-primary-800: #A4B2A9;
  --color-brand-primary-900: #BAC5BE;
  --color-brand-primary-1000: #D0D7D3;

  /* colors / brand-secondary */
  --color-brand-secondary-50: #960305;
  --color-brand-secondary-100: #B70609;
  --color-brand-secondary-200: #EA0A0E;
  --color-brand-secondary-300: #F43E41;
  --color-brand-secondary-400: #F67F81;
  --color-brand-secondary-500: #FAC5C6;
  --color-brand-secondary-600: #FACCCC;
  --color-brand-secondary-700: #FBDADA;
  --color-brand-secondary-800: #FDE8E8;
  --color-brand-secondary-900: #FEF6F6;
  --color-brand-secondary-1000: #FCE8E8;

  /* colors / brand-tertiary */
  --color-brand-tertiary-50: #781B0C;
  --color-brand-tertiary-100: #892010;
  --color-brand-tertiary-200: #AC2A16;
  --color-brand-tertiary-300: #CE351D;
  --color-brand-tertiary-400: #E1533D;
  --color-brand-tertiary-500: #E67A69;
  --color-brand-tertiary-600: #E88B7D;
  --color-brand-tertiary-700: #EC9F93;
  --color-brand-tertiary-800: #EFB2A9;
  --color-brand-tertiary-900: #F4C9C3;
  --color-brand-tertiary-1000: #F8DDD9;

  /* colors / blue */
  --color-blue-50: #002D75;
  --color-blue-100: #003385;
  --color-blue-200: #013FA3;
  --color-blue-300: #044FC8;
  --color-blue-400: #0862F2;
  --color-blue-500: #3B82F6;
  --color-blue-600: #5A96F6;
  --color-blue-700: #78A9F7;
  --color-blue-800: #95BBF8;
  --color-blue-900: #B3CEFA;
  --color-blue-1000: #CFE0FC;

  /* colors / green */
  --color-green-50: #07451E;
  --color-green-100: #095224;
  --color-green-200: #0D682F;
  --color-green-300: #12823B;
  --color-green-400: #199F4A;
  --color-green-500: #22C55E;
  --color-green-600: #33DB71;
  --color-green-700: #56E189;
  --color-green-800: #7AE6A1;
  --color-green-900: #9CECBA;
  --color-green-1000: #BFF3D2;

  /* colors / orange */
  --color-orange-50: #5C3A00;
  --color-orange-100: #664100;
  --color-orange-200: #855400;
  --color-orange-300: #A66A02;
  --color-orange-400: #CC8305;
  --color-orange-500: #F59E0B;
  --color-orange-600: #F5AC2D;
  --color-orange-700: #F6BB55;
  --color-orange-800: #F7C978;
  --color-orange-900: #F9D69A;
  --color-orange-1000: #FBE6C1;

  /* colors / red */
  --color-red-50: #730202;
  --color-red-100: #810404;
  --color-red-200: #9C0707;
  --color-red-300: #C10B0B;
  --color-red-400: #E91111;
  --color-red-500: #EF4444;
  --color-red-600: #F06060;
  --color-red-700: #F27D7D;
  --color-red-800: #F59999;
  --color-red-900: #F7B5B5;
  --color-red-1000: #FAD1D1;

}