/* =============================================================================
   RESTOKE DESIGN TOKENS - COLOR PRIMITIVES
   =============================================================================
   Raw color palette values. These define the base color scales that semantic
   tokens reference. Do not use these directly in components - use semantic
   tokens from colors.semantic.css instead.

   Color scales follow a 25-950 range where:
   - 25-100: Light backgrounds, subtle fills
   - 200-300: Borders, dividers, disabled states
   - 400-500: Primary/base color for the palette
   - 600-700: Hover states, darker accents
   - 800-950: Text on light backgrounds, dark fills
   ============================================================================= */

@layer base {
    :root {

      /* ==========================================
         GRAY SCALE (Light Mode)
         ========================================== */
      --rs-gray-25: #FCFCFD;
      --rs-gray-50: #F7F7F7;
      --rs-gray-100: #F5F5F5;
      --rs-gray-100-rgb: 245, 245, 245;
      --rs-gray-200: #E9EAEB;
      --rs-gray-300: #CECFD2;
      --rs-gray-400: #A4A7AE;
      --rs-gray-500: #717680;
      --rs-gray-600: #535862;
      --rs-gray-700: #414651;
      --rs-gray-800: #252B37;
      --rs-gray-900: #181D27;
      --rs-gray-950: #0A0D12;

      /* ==========================================
         GRAY SCALE (Dark Mode)
         ========================================== */
      --rs-gray-dark-25: #FAFAFA;
      --rs-gray-dark-50: #E9EAEB;
      --rs-gray-dark-100: #CECFD2;
      --rs-gray-dark-200: #94979C;
      --rs-gray-dark-300: #85888E;
      --rs-gray-dark-400: #61656C;
      --rs-gray-dark-500: #535862;
      --rs-gray-dark-600: #414651;
      --rs-gray-dark-700: #252B37;
      --rs-gray-dark-800: #181D27;
      --rs-gray-dark-900: #0A0D12;
      --rs-gray-dark-950: #0A0D12;

      /* ==========================================
         BRAND (Orange/Coral)
         ========================================== */
      --rs-brand-25: #FFFAF5;
      --rs-brand-50: #FFF4ED;
      --rs-brand-100: #FFE5D4;
      --rs-brand-200: #FFC7A8;
      --rs-brand-300: #FFA070;
      --rs-brand-400: #FF7843;
      --rs-brand-500: #FF642C;
      --rs-brand-500-rgb: 255, 100, 44;
      --rs-brand-600: #FF642C;
      --rs-brand-700: #C61C08;
      --rs-brand-800: #9D190F;
      --rs-brand-900: #7E1810;
      --rs-brand-950: #440806;
      --rs-brand-solid: var(--rs-brand-500);
      --rs-brand-solid-hover: var(--rs-brand-600);
      --rs-primary: var(--rs-brand-500);

      /* ==========================================
         ERROR (Red)
         ========================================== */
      --rs-error-25: #FFFBFA;
      --rs-error-50: #FEF3F2;
      --rs-error-100: #FEE4E2;
      --rs-error-200: #FECDCA;
      --rs-error-300: #FDA29B;
      --rs-error-400: #F97066;
      --rs-error-500: #F04438;
      --rs-error-500-rgb: 240, 68, 56;
      --rs-error-600: #D92D20;
      --rs-error-700: #B42318;
      --rs-error-800: #912018;
      --rs-error-900: #7A271A;
      --rs-error-950: #55160C;

      /* ==========================================
         WARNING (Yellow/Amber)
         ========================================== */
      --rs-warning-25: #FFFCF5;
      --rs-warning-50: #FFFAEB;
      --rs-warning-100: #FEF0C7;
      --rs-warning-200: #FEDF89;
      --rs-warning-300: #FEC84B;
      --rs-warning-400: #FDB022;
      --rs-warning-500: #F79009;
      --rs-warning-500-rgb: 247, 144, 9;
      --rs-warning-600: #DC6803;
      --rs-warning-700: #B54708;
      --rs-warning-800: #93370D;
      --rs-warning-900: #7A2E0E;
      --rs-warning-950: #4E1D09;

      /* ==========================================
         SUCCESS (Green)
         ========================================== */
      --rs-success-25: #F6FEF9;
      --rs-success-50: #ECFDF3;
      --rs-success-100: #DCFAE6;
      --rs-success-200: #ABEFC6;
      --rs-success-300: #75E0A7;
      --rs-success-400: #47CD89;
      --rs-success-500: #17B26A;
      --rs-success-500-rgb: 23, 178, 106;
      --rs-success-600: #079455;
      --rs-success-700: #067647;
      --rs-success-800: #085D3A;
      --rs-success-900: #074D31;
      --rs-success-950: #053321;

      /* ==========================================
         AQUA (Cyan)
         ========================================== */
      --rs-aqua-25: #F5FEFF;
      --rs-aqua-50: #ECFEFF;
      --rs-aqua-100: #CFF9FE;
      --rs-aqua-200: #A5F0FC;
      --rs-aqua-300: #67E3F9;
      --rs-aqua-400: #22CCEE;
      --rs-aqua-500: #06AED4;
      --rs-aqua-500-rgb: 6, 174, 212;
      --rs-aqua-600: #088AB2;
      --rs-aqua-700: #0E7090;
      --rs-aqua-800: #155B75;
      --rs-aqua-900: #164C63;
      --rs-aqua-950: #082F3E;

      /* ==========================================
         BLUE (Filtered Blue)
         ========================================== */
      --rs-blue-25: #F5FAFF;
      --rs-blue-50: #EFF8FF;
      --rs-blue-100: #D1E9FF;
      --rs-blue-200: #B2DDFF;
      --rs-blue-300: #84CAFF;
      --rs-blue-400: #53B1FD;
      --rs-blue-500: #2E90FA;
      --rs-blue-500-rgb: 46, 144, 250;
      --rs-blue-600: #1570EF;
      --rs-blue-700: #175CD3;
      --rs-blue-800: #1849A9;
      --rs-blue-900: #194185;
      --rs-blue-950: #102A56;

      /* ==========================================
         BLUE LIGHT (Cyan/Sky)
         ========================================== */
      --rs-blue-light-25: #F0F9FF;
      --rs-blue-light-50: #E0F2FE;
      --rs-blue-light-100: #B9E6FE;
      --rs-blue-light-200: #7CD4FD;
      --rs-blue-light-300: #36BFFA;
      --rs-blue-light-400: #0BA5EC;
      --rs-blue-light-500: #0BA5EC;
      --rs-blue-light-600: #0086C9;
      --rs-blue-light-700: #026AA2;
      --rs-blue-light-800: #065986;
      --rs-blue-light-900: #0B4A6F;
      --rs-blue-light-950: #062C41;

      /* ==========================================
         ROSE (Pink)
         ========================================== */
      --rs-rose-25: #FFF5F6;
      --rs-rose-50: #FFF1F3;
      --rs-rose-100: #FFE4E8;
      --rs-rose-200: #FECDD6;
      --rs-rose-300: #FEA3B4;
      --rs-rose-400: #FD6F8E;
      --rs-rose-500: #F63D68;
      --rs-rose-500-rgb: 246, 61, 104;
      --rs-rose-600: #E31B54;
      --rs-rose-700: #C01048;
      --rs-rose-800: #A11043;
      --rs-rose-900: #89123E;
      --rs-rose-950: #510B24;

      /* ==========================================
         PINK
         ========================================== */
      --rs-pink-25: #FEF6FB;
      --rs-pink-50: #FDF2FA;
      --rs-pink-100: #FCE7F6;
      --rs-pink-200: #FCCEEF;
      --rs-pink-300: #FAA7E0;
      --rs-pink-400: #F670C7;
      --rs-pink-500: #EE46BC;
      --rs-pink-600: #DD2590;
      --rs-pink-700: #C11574;
      --rs-pink-800: #9E165F;
      --rs-pink-900: #851651;
      --rs-pink-950: #4E0D30;

      /* ==========================================
         ORANGE
         ========================================== */
      --rs-orange-25: #FEFAF5;
      --rs-orange-50: #FEF6EE;
      --rs-orange-100: #FDEAD7;
      --rs-orange-200: #F9DBAF;
      --rs-orange-300: #F7B27A;
      --rs-orange-400: #F38744;
      --rs-orange-500: #EF6820;
      --rs-orange-600: #E04F16;
      --rs-orange-700: #B93815;
      --rs-orange-800: #932F19;
      --rs-orange-900: #772917;
      --rs-orange-950: #511C10;

      /* ==========================================
         YELLOW (Sunny Side Up)
         ========================================== */
      --rs-yellow-25: #FEFDF0;
      --rs-yellow-50: #FEFBE8;
      --rs-yellow-100: #FEF7C3;
      --rs-yellow-200: #FEEE95;
      --rs-yellow-300: #FDE272;
      --rs-yellow-400: #FAC515;
      --rs-yellow-500: #EAAA08;
      --rs-yellow-600: #CA8504;
      --rs-yellow-700: #A15C07;
      --rs-yellow-800: #854A0E;
      --rs-yellow-900: #713B12;
      --rs-yellow-950: #422006;

      /* ==========================================
         PURPLE (Violet)
         ========================================== */
      --rs-purple-25: #FAFAFF;
      --rs-purple-50: #F4F3FF;
      --rs-purple-100: #EBE9FE;
      --rs-purple-200: #D9D6FE;
      --rs-purple-300: #BDB4FE;
      --rs-purple-400: #9B8AFB;
      --rs-purple-500: #7A5AF8;
      --rs-purple-600: #6938EF;
      --rs-purple-700: #5925DC;
      --rs-purple-800: #4A1FB8;
      --rs-purple-900: #3E1C96;
      --rs-purple-950: #27115F;

      /* ==========================================
         INDIGO
         ========================================== */
      --rs-indigo-25: #F5F8FF;
      --rs-indigo-50: #EEF4FF;
      --rs-indigo-100: #E0EAFF;
      --rs-indigo-200: #C7D7FE;
      --rs-indigo-300: #A4BCFD;
      --rs-indigo-400: #8098F9;
      --rs-indigo-500: #6172F3;
      --rs-indigo-600: #444CE7;
      --rs-indigo-700: #3538CD;
      --rs-indigo-800: #2D31A6;
      --rs-indigo-900: #2D3282;
      --rs-indigo-950: #1F235B;

      /* ==========================================
         MAGENTA (Fuchsia)
         ========================================== */
      --rs-magenta-25: #FEFAFF;
      --rs-magenta-50: #FDF4FF;
      --rs-magenta-100: #FBE8FF;
      --rs-magenta-200: #F6D0FE;
      --rs-magenta-300: #EEAAFD;
      --rs-magenta-400: #E478FA;
      --rs-magenta-500: #D444F1;
      --rs-magenta-600: #BA24D5;
      --rs-magenta-700: #9F1AB1;
      --rs-magenta-800: #821890;
      --rs-magenta-900: #6F1877;
      --rs-magenta-950: #47104C;

      /* ==========================================
         BASE COLORS
         ========================================== */
      --rs-white: #ffffff;
      --rs-black: #000000;

      /* ==========================================
         SPECIAL PURPOSE COLORS
         ========================================== */
      --rs-text-body-color: #526078;  /* Blue-gray for body/form text */
    }
}