/* ==========================================================================
   TOKENS — generated from Figma design system (mosh.services)
   Collections: palette (raw scales) + theme (semantic aliases)
   ========================================================================== */

:root {

  /* -------------------------------------------------------------------------
     PALETTE — accent
  -------------------------------------------------------------------------- */
  --palette-accent-50:  #e8efff;
  --palette-accent-100: #d1dfff;
  --palette-accent-150: #b7ccff;
  --palette-accent-200: #9db9ff;
  --palette-accent-250: #82a6ff;
  --palette-accent-300: #6993ff;
  --palette-accent-350: #4e81ff;
  --palette-accent-400: #356bff;
  --palette-accent-450: #1a3bff;
  --palette-accent-500: #0411fb;
  --palette-accent-550: #0518de;
  --palette-accent-600: #0a26bf;
  --palette-accent-650: #0924a5;
  --palette-accent-700: #0f2282;
  --palette-accent-750: #0e1e6b;
  --palette-accent-800: #0d1953;
  --palette-accent-850: #0b143b;
  --palette-accent-900: #0b1023;
  --palette-accent-950: #0a0b0f;

  /* -------------------------------------------------------------------------
     PALETTE — neutral
  -------------------------------------------------------------------------- */
  --palette-neutral-25:  #fafafa;
  --palette-neutral-50:  #f5f5f5;
  --palette-neutral-75:  #f0f0f0;
  --palette-neutral-100: #ebebeb;
  --palette-neutral-125: #e5e5e5;
  --palette-neutral-150: #dddddd;
  --palette-neutral-200: #d1d1d1;
  --palette-neutral-250: #c3c3c3;
  --palette-neutral-300: #b5b5b5;
  --palette-neutral-350: #a8a8a8;
  --palette-neutral-400: #9b9b9b;
  --palette-neutral-450: #888a8d;
  --palette-neutral-500: #808080;
  --palette-neutral-550: #777578;
  --palette-neutral-600: #6a686c;
  --palette-neutral-650: #59595c;
  --palette-neutral-700: #4d4d50;
  --palette-neutral-750: #414145;
  --palette-neutral-800: #2f2f32;
  --palette-neutral-850: #252529;
  --palette-neutral-900: #1c1c1e;
  --palette-neutral-925: #141415;
  --palette-neutral-950: #0c0c0d;

  /* -------------------------------------------------------------------------
     PALETTE — gray
  -------------------------------------------------------------------------- */
  --palette-gray-25:  #fafafa;
  --palette-gray-50:  #f5f5f5;
  --palette-gray-75:  #f0f0f0;
  --palette-gray-100: #ebebeb;
  --palette-gray-125: #e5e5e5;
  --palette-gray-150: #dddddd;
  --palette-gray-175: #d7d7d7;
  --palette-gray-200: #d1d1d1;
  --palette-gray-225: #cacaca;
  --palette-gray-250: #c3c3c3;
  --palette-gray-275: #bcbcbc;
  --palette-gray-300: #b5b5b5;
  --palette-gray-325: #afafaf;
  --palette-gray-350: #a8a8a8;
  --palette-gray-400: #9b9b9b;
  --palette-gray-450: #8d8d8d;
  --palette-gray-500: #808080;
  --palette-gray-550: #777578;
  --palette-gray-600: #6a686c;
  --palette-gray-650: #5b5b5f;
  --palette-gray-700: #4e4e52;
  --palette-gray-750: #404145;
  --palette-gray-800: #323438;
  --palette-gray-850: #24272b;
  --palette-gray-900: #161a1e;
  --palette-gray-950: #080d12;
  --palette-gray-975: #02060b;

  /* -------------------------------------------------------------------------
     PALETTE — green
  -------------------------------------------------------------------------- */
  --palette-green-50:  #eafbee;
  --palette-green-100: #d5f6de;
  --palette-green-200: #abecbc;
  --palette-green-300: #82e39a;
  --palette-green-400: #58da79;
  --palette-green-500: #30d158;
  --palette-green-600: #25a745;
  --palette-green-700: #1c7d34;
  --palette-green-800: #135323;
  --palette-green-900: #092a11;
  --palette-green-950: #091b10;

  /* -------------------------------------------------------------------------
     PALETTE — blue
  -------------------------------------------------------------------------- */
  --palette-blue-50:  #e6f2ff;
  --palette-blue-100: #d6eaff;
  --palette-blue-200: #a3d0ff;
  --palette-blue-300: #66b0ff;
  --palette-blue-400: #3395ff;
  --palette-blue-500: #007bff;
  --palette-blue-600: #0062cc;
  --palette-blue-700: #044a95;
  --palette-blue-800: #0f3257;
  --palette-blue-900: #0d1926;
  --palette-blue-950: #0e141b;

  /* -------------------------------------------------------------------------
     PALETTE — red
  -------------------------------------------------------------------------- */
  --palette-red-50:  #ffe7e5;
  --palette-red-100: #ffcfcc;
  --palette-red-200: #ff9f99;
  --palette-red-300: #ff6e66;
  --palette-red-400: #ff453a;
  --palette-red-500: #ff0e00;
  --palette-red-600: #cc0b00;
  --palette-red-700: #990900;
  --palette-red-800: #660000;
  --palette-red-900: #2b080c;
  --palette-red-950: #220b0e;

  /* -------------------------------------------------------------------------
     PALETTE — orange
  -------------------------------------------------------------------------- */
  --palette-orange-50:  #fdf9f0;
  --palette-orange-100: #fae9d2;
  --palette-orange-200: #f5d5aa;
  --palette-orange-300: #f1c182;
  --palette-orange-400: #ecac5a;
  --palette-orange-500: #e19736;
  --palette-orange-600: #b97c2b;
  --palette-orange-700: #8d6022;
  --palette-orange-800: #62431a;
  --palette-orange-900: #362711;
  --palette-orange-950: #16130b;

  /* -------------------------------------------------------------------------
     PALETTE — yellow
  -------------------------------------------------------------------------- */
  --palette-yellow-50:  #fff5e6;
  --palette-yellow-100: #ffebcc;
  --palette-yellow-200: #ffd799;
  --palette-yellow-300: #ffc366;
  --palette-yellow-400: #ffaf33;
  --palette-yellow-500: #ff9f0a;
  --palette-yellow-600: #cc7c00;
  --palette-yellow-700: #995d00;
  --palette-yellow-800: #663e00;
  --palette-yellow-900: #2b1d08;
  --palette-yellow-950: #1f170a;

  /* -------------------------------------------------------------------------
     PALETTE — purple
  -------------------------------------------------------------------------- */
  --palette-purple-50:  #eee0ff;
  --palette-purple-100: #e6d1ff;
  --palette-purple-200: #c0a3ff;
  --palette-purple-300: #9e6dff;
  --palette-purple-400: #8742ff;
  --palette-purple-500: #7300ff;
  --palette-purple-600: #5e09d4;
  --palette-purple-700: #40079c;
  --palette-purple-800: #280b62;
  --palette-purple-900: #180a33;
  --palette-purple-950: #140824;

  /* -------------------------------------------------------------------------
     PALETTE — base
  -------------------------------------------------------------------------- */
  --palette-black: #000000;
  --palette-white: #ffffff;

  /* =========================================================================
     THEME — semantic tokens (light mode)
     Values reference palette variables — same alias chain as in Figma
     ========================================================================= */

  /* Background */
  --color-bg-primary:          var(--palette-white);
  --color-bg-secondary:        var(--palette-neutral-25);
  --color-bg-tertiary:         var(--palette-neutral-50);
  --color-bg-accent:           var(--palette-accent-500);
  --color-bg-inverse:          var(--palette-black);
  --color-bg-inverse-tertiary: var(--palette-neutral-550);
  --color-bg-disabled:         var(--palette-neutral-300);
  --color-bg-info:             var(--palette-blue-500);
  --color-bg-positive:         var(--palette-green-400);
  --color-bg-negative:         var(--palette-red-500);
  --color-bg-warning:          var(--palette-yellow-500);

  /* Content (text & icons) */
  --color-text-primary:               var(--palette-black);
  --color-text-secondary:             var(--palette-neutral-600);
  --color-text-tertiary:              var(--palette-neutral-400);
  --color-text-inverse:               var(--palette-white);
  --color-text-disabled:              var(--palette-gray-300);
  --color-text-accent:                var(--palette-accent-500);
  --color-text-info:                  var(--palette-blue-500);
  --color-text-positive:              var(--palette-green-400);
  --color-text-negative:              var(--palette-red-500);
  --color-text-warning:               var(--palette-yellow-500);
  --color-text-visited:               var(--palette-purple-400);
  --color-text-on-accent-primary:     var(--palette-white);
  --color-text-on-accent-secondary:   var(--palette-accent-700);
  --color-text-on-info-primary:       var(--palette-white);
  --color-text-on-info-secondary:     var(--palette-blue-700);
  --color-text-on-positive-primary:   var(--palette-white);
  --color-text-on-positive-secondary: var(--palette-green-700);
  --color-text-on-negative-primary:   var(--palette-white);
  --color-text-on-negative-secondary: var(--palette-red-700);
  --color-text-on-warning-primary:    var(--palette-white);
  --color-text-on-warning-secondary:  var(--palette-yellow-800);
  --color-text-on-disabled:           var(--palette-gray-450);

}