@theme: owncast;

// These overrides are only used for customizing the style of Ant Design
// components and do not impact any custom components. Therefore CSS variables
// should be set in a centralized place and used here so changes only need
// to be made once. See variables.scss.

// Variable names can be found in
// https://github.com/ant-design/ant-design/blob/master/components/style/themes/dark.less

// From color palette in variables.scss.
@green-1: --var(green-100);
@green-2: --var(green-300);
@green-3: --var(green-500);
@green-4: --var(green-700);
@green-5: --var(green-900);

@purple-1: --var(purple-100);
@purple-2: --var(purple-300);
@purple-3: --var(purple-500);
@purple-4: --var(purple-700);
@purple-5: --var(purple-900);

// Random colors for testing
@primary-color: #d62222;
@text-color: green;
@text-color-secondary: orange;
@link-color: #1890ff; // link color
@success-color: #52c41a; // success state color
@warning-color: #faad14; // warning state color
@error-color: #f5222d; // error state color
@font-size-base: 14px; // major text font size
@heading-color: rgba(177, 168, 44, 0.85); // heading text color
@text-color-secondary: rgba(224, 8, 231, 0.45); // secondary text color
@disabled-color: rgba(134, 123, 123, 0.25); // disable state color
@border-radius-base: 2px; // major border radius
@border-color-base: #d9d9d9; // major border color
@box-shadow-base: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08),
  0 9px 28px 8px rgba(0, 0, 0, 0.05); // major shadow for layers