@daikin-oss/dds-tokens/build/css/aaf/Light/tailwind4.css

Design token definitions for DDS

@theme {
  --color-dds-color-blue-10: var(--dds-color-blue-10, #ddf3fc);
  --color-dds-color-blue-20: var(--dds-color-blue-20, #bbe7f9);
  --color-dds-color-blue-30: var(--dds-color-blue-30, #98dbf7);
  --color-dds-color-blue-40: var(--dds-color-blue-40, #76cff4);
  --color-dds-color-blue-50: var(--dds-color-blue-50, #54c3f1);
  --color-dds-color-blue-60: var(--dds-color-blue-60, #30ade9);
  --color-dds-color-blue-70: var(--dds-color-blue-70, #0097e0);
  --color-dds-color-blue-80: var(--dds-color-blue-80, #0081c0);
  --color-dds-color-blue-90: var(--dds-color-blue-90, #00689a);
  --color-dds-color-blue-100: var(--dds-color-blue-100, #005077);
  --color-dds-color-blue-110: var(--dds-color-blue-110, #004160);
  --color-dds-color-blue-120: var(--dds-color-blue-120, #002b40);
  --color-dds-color-green-10: var(--dds-color-green-10, #ccfef8);
  --color-dds-color-green-20: var(--dds-color-green-20, #9bfaef);
  --color-dds-color-green-30: var(--dds-color-green-30, #6cf5e4);
  --color-dds-color-green-40: var(--dds-color-green-40, #3bf1dc);
  --color-dds-color-green-50: var(--dds-color-green-50, #13e5cc);
  --color-dds-color-green-60: var(--dds-color-green-60, #00c3ac);
  --color-dds-color-green-70: var(--dds-color-green-70, #008f7e);
  --color-dds-color-green-80: var(--dds-color-green-80, #007b6c);
  --color-dds-color-green-90: var(--dds-color-green-90, #00665a);
  --color-dds-color-green-100: var(--dds-color-green-100, #005248);
  --color-dds-color-green-110: var(--dds-color-green-110, #003d36);
  --color-dds-color-green-120: var(--dds-color-green-120, #002924);
  --color-dds-color-yellow-10: var(--dds-color-yellow-10, #fff4d7);
  --color-dds-color-yellow-20: var(--dds-color-yellow-20, #ffeaaf);
  --color-dds-color-yellow-30: var(--dds-color-yellow-30, #ffd45f);
  --color-dds-color-yellow-40: var(--dds-color-yellow-40, #ffc936);
  --color-dds-color-yellow-50: var(--dds-color-yellow-50, #ffbf0e);
  --color-dds-color-yellow-60: var(--dds-color-yellow-60, #efb000);
  --color-dds-color-yellow-70: var(--dds-color-yellow-70, #b88700);
  --color-dds-color-yellow-80: var(--dds-color-yellow-80, #9e7400);
  --color-dds-color-yellow-90: var(--dds-color-yellow-90, #836000);
  --color-dds-color-yellow-100: var(--dds-color-yellow-100, #694d00);
  --color-dds-color-yellow-110: var(--dds-color-yellow-110, #4f3a00);
  --color-dds-color-yellow-120: var(--dds-color-yellow-120, #352700);
  --color-dds-color-orange-10: var(--dds-color-orange-10, #feead9);
  --color-dds-color-orange-20: var(--dds-color-orange-20, #fcd4b3);
  --color-dds-color-orange-30: var(--dds-color-orange-30, #fbbf8e);
  --color-dds-color-orange-40: var(--dds-color-orange-40, #ff9c4b);
  --color-dds-color-orange-50: var(--dds-color-orange-50, #fd8b2e);
  --color-dds-color-orange-60: var(--dds-color-orange-60, #fa7a12);
  --color-dds-color-orange-70: var(--dds-color-orange-70, #e46b08);
  --color-dds-color-orange-80: var(--dds-color-orange-80, #b45100);
  --color-dds-color-orange-90: var(--dds-color-orange-90, #964400);
  --color-dds-color-orange-100: var(--dds-color-orange-100, #783600);
  --color-dds-color-orange-110: var(--dds-color-orange-110, #5a2900);
  --color-dds-color-orange-120: var(--dds-color-orange-120, #3c1b00);
  --color-dds-color-red-10: var(--dds-color-red-10, #fdd9db);
  --color-dds-color-red-20: var(--dds-color-red-20, #fbb3b7);
  --color-dds-color-red-30: var(--dds-color-red-30, #f98d93);
  --color-dds-color-red-40: var(--dds-color-red-40, #f7666f);
  --color-dds-color-red-50: var(--dds-color-red-50, #f4404b);
  --color-dds-color-red-60: var(--dds-color-red-60, #f21a27);
  --color-dds-color-red-70: var(--dds-color-red-70, #d80c18);
  --color-dds-color-red-80: var(--dds-color-red-80, #b90a15);
  --color-dds-color-red-90: var(--dds-color-red-90, #9a0911);
  --color-dds-color-red-100: var(--dds-color-red-100, #7b070e);
  --color-dds-color-red-110: var(--dds-color-red-110, #5d050a);
  --color-dds-color-red-120: var(--dds-color-red-120, #3e0307);
  --color-dds-color-gray-10: var(--dds-color-gray-10, #f2f2f2);
  --color-dds-color-gray-20: var(--dds-color-gray-20, #ebebeb);
  --color-dds-color-gray-30: var(--dds-color-gray-30, #dcdcdc);
  --color-dds-color-gray-40: var(--dds-color-gray-40, #cecece);
  --color-dds-color-gray-50: var(--dds-color-gray-50, #bfbfbf);
  --color-dds-color-gray-60: var(--dds-color-gray-60, #a0a0a0);
  --color-dds-color-gray-70: var(--dds-color-gray-70, #828282);
  --color-dds-color-gray-80: var(--dds-color-gray-80, #616161);
  --color-dds-color-gray-90: var(--dds-color-gray-90, #515151);
  --color-dds-color-gray-100: var(--dds-color-gray-100, #414141);
  --color-dds-color-gray-110: var(--dds-color-gray-110, #313131);
  --color-dds-color-gray-120: var(--dds-color-gray-120, #212121);
  --color-dds-color-black: var(--dds-color-black, #000000);
  --color-dds-color-white: var(--dds-color-white, #ffffff);
  --color-dds-color-blue-gray-10: var(--dds-color-blue-gray-10, #eef0f2);
  --color-dds-color-blue-gray-20: var(--dds-color-blue-gray-20, #d8dde0);
  --color-dds-color-blue-gray-30: var(--dds-color-blue-gray-30, #bbc1c7);
  --color-dds-color-blue-gray-40: var(--dds-color-blue-gray-40, #a4acb4);
  --color-dds-color-blue-gray-50: var(--dds-color-blue-gray-50, #8d98a1);
  --color-dds-color-blue-gray-60: var(--dds-color-blue-gray-60, #76838e);
  --color-dds-color-blue-gray-70: var(--dds-color-blue-gray-70, #636e78);
  --color-dds-color-blue-gray-80: var(--dds-color-blue-gray-80, #505961);
  --color-dds-color-blue-gray-90: var(--dds-color-blue-gray-90, #444b52);
  --color-dds-color-blue-gray-100: var(--dds-color-blue-gray-100, #30353a);
  --color-dds-color-blue-gray-110: var(--dds-color-blue-gray-110, #282c30);
  --color-dds-color-blue-gray-120: var(--dds-color-blue-gray-120, #1b1e21);
  --color-dds-color-dark-gray-105: var(--dds-color-dark-gray-105, #383838);
  --color-dds-color-dark-gray-115: var(--dds-color-dark-gray-115, #282828);
  --color-dds-color-dark-gray-125: var(--dds-color-dark-gray-125, #1a1a1a);
  --color-dds-color-purple-10: var(--dds-color-purple-10, #f0ddf3);
  --color-dds-color-purple-20: var(--dds-color-purple-20, #e1bbe8);
  --color-dds-color-purple-30: var(--dds-color-purple-30, #d399dc);
  --color-dds-color-purple-40: var(--dds-color-purple-40, #c477d0);
  --color-dds-color-purple-50: var(--dds-color-purple-50, #b556c5);
  --color-dds-color-purple-60: var(--dds-color-purple-60, #a03db0);
  --color-dds-color-purple-70: var(--dds-color-purple-70, #81318e);
  --color-dds-color-purple-80: var(--dds-color-purple-80, #6f2a7a);
  --color-dds-color-purple-90: var(--dds-color-purple-90, #5c2365);
  --color-dds-color-purple-100: var(--dds-color-purple-100, #4a1c51);
  --color-dds-color-purple-110: var(--dds-color-purple-110, #37153d);
  --color-dds-color-purple-120: var(--dds-color-purple-120, #250e29);
  --radius-dds-border-radius-100: var(--dds-border-radius-100, 4px);
  --radius-dds-border-radius-200: var(--dds-border-radius-200, 8px);
  --radius-dds-border-radius-050: var(--dds-border-radius-050, 2px);
  --border-width-dds-border-width-100: var(--dds-border-width-100, 4px);
  --border-width-dds-border-width-025: var(--dds-border-width-025, 1px);
  --border-width-dds-border-width-050: var(--dds-border-width-050, 2px);
  --spacing-dds-space-100: var(--dds-space-100, 4px);
  --spacing-dds-space-200: var(--dds-space-200, 8px);
  --spacing-dds-space-300: var(--dds-space-300, 12px);
  --spacing-dds-space-400: var(--dds-space-400, 16px);
  --spacing-dds-space-600: var(--dds-space-600, 24px);
  --spacing-dds-space-800: var(--dds-space-800, 32px);
  --spacing-dds-space-1200: var(--dds-space-1200, 48px);
  --spacing-dds-space-1600: var(--dds-space-1600, 64px);
  --spacing-dds-space-050: var(--dds-space-050, 2px);
  --font-size-dds-font-size-300: var(--dds-font-size-300, 12px);
  --font-size-dds-font-size-350: var(--dds-font-size-350, 14px);
  --font-size-dds-font-size-400: var(--dds-font-size-400, 16px);
  --font-size-dds-font-size-500: var(--dds-font-size-500, 20px);
  --font-size-dds-font-size-600: var(--dds-font-size-600, 24px);
  --font-size-dds-font-size-700: var(--dds-font-size-700, 28px);
  --font-size-dds-font-size-800: var(--dds-font-size-800, 32px);
  --line-height-dds-font-line-height-tight: var(--dds-font-line-height-tight, 1.3);
  --line-height-dds-font-line-height-normal: var(--dds-font-line-height-normal, 1.5);
  --font-weight-dds-font-weight-bold: var(--dds-font-weight-bold, 700);
  --font-weight-dds-font-weight-regular: var(--dds-font-weight-regular, 400);
  --font-family-dds-font-family-base: var(--dds-font-family-base, Roboto);
}