@daikin-oss/dds-tokens/build/css/daikin/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);
  --color-dds-color-common-brand-default: var(--dds-color-common-brand-default, #0097e0);
  --color-dds-color-common-brand-hover: var(--dds-color-common-brand-hover, #0081c0);
  --color-dds-color-common-brand-press: var(--dds-color-common-brand-press, #00689a);
  --color-dds-color-common-surface-brand-hover: var(--dds-color-common-surface-brand-hover, #ddf3fc);
  --color-dds-color-common-surface-brand-press: var(--dds-color-common-surface-brand-press, #bbe7f9);
  --color-dds-color-common-surface-neutral-hover: var(--dds-color-common-surface-neutral-hover, #f2f2f2);
  --color-dds-color-common-surface-neutral-press: var(--dds-color-common-surface-neutral-press, #ebebeb);
  --color-dds-color-common-surface-danger-hover: var(--dds-color-common-surface-danger-hover, #fdd9db);
  --color-dds-color-common-surface-danger-press: var(--dds-color-common-surface-danger-press, #fbb3b7);
  --color-dds-color-common-surface-default: var(--dds-color-common-surface-default, #ffffff);
  --color-dds-color-common-surface-secondary-default: var(--dds-color-common-surface-secondary-default, #ebebeb);
  --color-dds-color-common-surface-secondary-hover: var(--dds-color-common-surface-secondary-hover, #dcdcdc);
  --color-dds-color-common-surface-secondary-press: var(--dds-color-common-surface-secondary-press, #cecece);
  --color-dds-color-common-surface-inverse: var(--dds-color-common-surface-inverse, #616161);
  --color-dds-color-common-surface-hover: var(--dds-color-common-surface-hover, #f2f2f2);
  --color-dds-color-common-surface-press: var(--dds-color-common-surface-press, #ebebeb);
  --color-dds-color-common-surface-selected-default: var(--dds-color-common-surface-selected-default, #ddf3fc);
  --color-dds-color-common-surface-selected-hover: var(--dds-color-common-surface-selected-hover, #bbe7f9);
  --color-dds-color-common-surface-selected-press: var(--dds-color-common-surface-selected-press, #98dbf7);
  --color-dds-color-common-neutral-default: var(--dds-color-common-neutral-default, #616161);
  --color-dds-color-common-neutral-hover: var(--dds-color-common-neutral-hover, #515151);
  --color-dds-color-common-neutral-press: var(--dds-color-common-neutral-press, #414141);
  --color-dds-color-common-danger-default: var(--dds-color-common-danger-default, #d80c18);
  --color-dds-color-common-danger-hover: var(--dds-color-common-danger-hover, #b90a15);
  --color-dds-color-common-danger-press: var(--dds-color-common-danger-press, #9a0911);
  --color-dds-color-common-success: var(--dds-color-common-success, #008f7e);
  --color-dds-color-common-warning: var(--dds-color-common-warning, #b88700);
  --color-dds-color-common-alarm: var(--dds-color-common-alarm, #e46b08);
  --color-dds-color-common-information: var(--dds-color-common-information, #0097e0);
  --color-dds-color-common-disabled: var(--dds-color-common-disabled, #bfbfbf);
  --color-dds-color-common-text-primary: var(--dds-color-common-text-primary, #212121);
  --color-dds-color-common-text-secondary: var(--dds-color-common-text-secondary, #616161);
  --color-dds-color-common-text-inverse: var(--dds-color-common-text-inverse, #ffffff);
  --color-dds-color-common-border-focus: var(--dds-color-common-border-focus, #0081c0);
  --color-dds-color-common-border-empty: var(--dds-color-common-border-empty, #cecece);
  --color-dds-color-common-border-inverse: var(--dds-color-common-border-inverse, #ffffff);
  --color-dds-color-common-background-default: var(--dds-color-common-background-default, #ffffff);
  --color-dds-color-common-background-overlay: var(--dds-color-common-background-overlay, rgba(0, 0, 0, 0.5));
  --color-dds-color-divider: var(--dds-color-divider, #cecece);
  --color-dds-color-link-text-default: var(--dds-color-link-text-default, #00689a);
  --color-dds-color-link-text-hover: var(--dds-color-link-text-hover, #005077);
  --color-dds-color-link-text-press: var(--dds-color-link-text-press, #004160);
  --color-dds-color-link-text-visited-default: var(--dds-color-link-text-visited-default, #5c2365);
  --color-dds-color-link-text-visited-hover: var(--dds-color-link-text-visited-hover, #4a1c51);
  --color-dds-color-link-text-visited-press: var(--dds-color-link-text-visited-press, #37153d);
  --color-dds-color-link-surface-visited-hover: var(--dds-color-link-surface-visited-hover, #f0ddf3);
  --color-dds-color-link-surface-visited-press: var(--dds-color-link-surface-visited-press, #e1bbe8);
  --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);
}