/* ============================================================
   AILA Design System — Giada Theme
   Primitive Colors
   ------------------------------------------------------------
   Primitives are raw color values. They are NEVER referenced
   directly in product code — instead they back semantic tokens
   (bg, surface, text, border, accent, etc.) which come next.
   ============================================================ */

:root {
  /**
   * Primitive Colors — Neutral
   */
  --color-neutral-50:  #F9F9FB;
  --color-neutral-100: #ECEDF2;
  --color-neutral-200: #CBCEDB;
  --color-neutral-300: #9FA5BC;
  --color-neutral-400: #8690B3;
  --color-neutral-500: #5A658D;
  --color-neutral-600: #4A5477;
  --color-neutral-700: #3B4361;
  --color-neutral-800: #303753;
  --color-neutral-900: #262C44;
  --color-neutral-950: #08090E;

  --color-neutral-400-a8:  #8690B314;
  --color-neutral-400-a12: #8690B31F;
  --color-neutral-400-a20: #8690B333;
  --color-neutral-400-a32: #8690B352;

  /**
   * Primitive Colors — Base
   */
  --color-white: #FFFFFF;
  --color-white-a8:  #FFFFFF14;
  --color-white-a12: #FFFFFF1F;
  --color-white-a20: #FFFFFF33;
  --color-white-a32: #FFFFFF52;

  --color-black: #000000;
  --color-black-a8:  #00000014;
  --color-black-a12: #0000001F;
  --color-black-a20: #00000033;
  --color-black-a32: #00000052;

  /**
   * Primitive Colors — Success
   */
  --color-success-50:  #F0F9F3;
  --color-success-100: #DAF9E2;
  --color-success-200: #B2F7C4;
  --color-success-300: #86E39F;
  --color-success-400: #5BCA79;
  --color-success-500: #3CB26D;
  --color-success-600: #269654;
  --color-success-700: #10773B;
  --color-success-800: #015E28;
  --color-success-900: #014E21;
  --color-success-950: #023A1A;

  --color-success-400-a8:  #5BCA7914;
  --color-success-400-a12: #5BCA791F;
  --color-success-400-a20: #5BCA7933;
  --color-success-400-a32: #5BCA7952;

  /**
   * Primitive Colors — Warning
   */
  --color-warning-50:  #FFF8E6;
  --color-warning-100: #FFEFC5;
  --color-warning-200: #FFE08C;
  --color-warning-300: #FFCE46;
  --color-warning-400: #FFC012;
  --color-warning-500: #F1AC00;
  --color-warning-600: #D79900;
  --color-warning-700: #B17E00;
  --color-warning-800: #845E00;
  --color-warning-900: #6C4E01;
  --color-warning-950: #533C00;

  --color-warning-400-a8:  #FFC01214;
  --color-warning-400-a12: #FFC0121F;
  --color-warning-400-a20: #FFC01233;
  --color-warning-400-a32: #FFC01252;

  /**
   * Primitive Colors — Danger
   */
  --color-danger-50:  #FFF2F5;
  --color-danger-100: #FFE1E8;
  --color-danger-200: #FFC0CD;
  --color-danger-300: #FF95AB;
  --color-danger-400: #FF708D;
  --color-danger-500: #EF5675;
  --color-danger-600: #E03B5D;
  --color-danger-700: #BF2443;
  --color-danger-800: #9B1A33;
  --color-danger-900: #7B1126;
  --color-danger-950: #650D1E;

  --color-danger-400-a8:  #FF708D14;
  --color-danger-400-a12: #FF708D1F;
  --color-danger-400-a20: #FF708D33;
  --color-danger-400-a32: #FF708D52;

  /**
   * Primitive Colors — Ciano  (Giada primary accent)
   */
  --color-ciano-50:  #ECF9FB;
  --color-ciano-100: #D4F2F6;
  --color-ciano-200: #AEE8EE;
  --color-ciano-300: #70D9E1;
  --color-ciano-400: #3ABCC6;
  --color-ciano-500: #11A2AD;
  --color-ciano-600: #0B8B95;
  --color-ciano-700: #05747D;
  --color-ciano-800: #075C63;
  --color-ciano-900: #02454A;
  --color-ciano-950: #013236;

  --color-ciano-400-a8:  #3ABCC614;
  --color-ciano-400-a12: #3ABCC61F;
  --color-ciano-400-a20: #3ABCC633;
  --color-ciano-400-a32: #3ABCC652;

  /**
   * Primitive Colors — Blue
   */
  --color-blue-50:  #F5F6FF;
  --color-blue-100: #E8EAFF;
  --color-blue-200: #CCD2FF;
  --color-blue-300: #909BFF;
  --color-blue-400: #8390FF;
  --color-blue-500: #5F6FFF;
  --color-blue-600: #4354EB;
  --color-blue-700: #2E3FD3;
  --color-blue-800: #1C2BAF;
  --color-blue-900: #131F8A;
  --color-blue-950: #111960;

  --color-blue-400-a8:  #8390FF14;
  --color-blue-400-a12: #8390FF1F;
  --color-blue-400-a20: #8390FF33;
  --color-blue-400-a32: #8390FF52;

  /**
   * Primitive Colors — Orange
   */
  --color-orange-50:  #FFF4E8;
  --color-orange-100: #FFE7CA;
  --color-orange-200: #FFCE97;
  --color-orange-300: #FFAF54;
  --color-orange-400: #FF9A27;
  --color-orange-500: #F88400;
  --color-orange-600: #E07700;
  --color-orange-700: #BB6300;
  --color-orange-800: #924E00;
  --color-orange-900: #663600;
  --color-orange-950: #512B00;

  --color-orange-400-a8:  #FF9A2714;
  --color-orange-400-a12: #FF9A271F;
  --color-orange-400-a20: #FF9A2733;
  --color-orange-400-a32: #FF9A2752;

  /**
   * Primitive Colors — Water
   */
  --color-water-50:  #F0F6FF;
  --color-water-100: #E6F1FF;
  --color-water-200: #C5DEFF;
  --color-water-300: #A3CBFF;
  --color-water-400: #73B0FF;
  --color-water-500: #5199F6;
  --color-water-600: #287AE3;

  --color-water-400-a8:  #73B0FF14;
  --color-water-400-a12: #73B0FF1F;
  --color-water-400-a20: #73B0FF33;
  --color-water-400-a32: #73B0FF52;

  /**
   * Primitive Colors — Fucsia
   */
  --color-fucsia-50:  #FDF1FF;
  --color-fucsia-100: #FBE2FF;
  --color-fucsia-200: #F6C4FF;
  --color-fucsia-300: #E79CF4;
  --color-fucsia-400: #E17BF3;
  --color-fucsia-500: #CD52E3;
  --color-fucsia-600: #B344C7;

  --color-fucsia-400-a8:  #E17BF314;
  --color-fucsia-400-a12: #E17BF31F;
  --color-fucsia-400-a20: #E17BF333;
  --color-fucsia-400-a32: #E17BF352;

  /**
   * Primitive Colors — Wine
   */
  --color-wine-50:  #FCF2F6;
  --color-wine-100: #FBE3EE;
  --color-wine-200: #FEBEDC;
  --color-wine-300: #E98CB7;
  --color-wine-400: #CE6194;
  --color-wine-500: #CC4D88;
  --color-wine-600: #BF3777;

  --color-wine-400-a8:  #CE619414;
  --color-wine-400-a12: #CE61941F;
  --color-wine-400-a20: #CE619433;
  --color-wine-400-a32: #CE619452;

  /**
   * Primitive Colors — Salmon
   */
  --color-salmon-50:  #FFF1EF;
  --color-salmon-100: #FFE3E1;
  --color-salmon-200: #FFC0BC;
  --color-salmon-300: #FC9E97;
  --color-salmon-400: #F3847C;
  --color-salmon-500: #E3685F;
  --color-salmon-600: #D2534A;

  --color-salmon-400-a8:  #F3847C14;
  --color-salmon-400-a12: #F3847C1F;
  --color-salmon-400-a20: #F3847C33;
  --color-salmon-400-a32: #F3847C52;

  /**
   * Primitive Colors — Brown
   */
  --color-brown-50:  #FFF4EE;
  --color-brown-100: #F4E3D9;
  --color-brown-200: #EBCDBB;
  --color-brown-300: #DCB6A0;
  --color-brown-400: #C69A80;
  --color-brown-500: #B28267;
  --color-brown-600: #9D6D52;

  --color-brown-400-a8:  #C69A8014;
  --color-brown-400-a12: #C69A801F;
  --color-brown-400-a20: #C69A8033;
  --color-brown-400-a32: #C69A8052;
}
