//  HACKER THEME  TOKENS: SEMANTIC KEYS COLORS
// - This partial defines Basic Theme's Semantic Keys color tokens

// - Theme keys should hold registration values (colors, content colors, other keys)
//   - In some case there are unique hex values assignments
//   - They should be transformed into Registration colors.
//     - We add some annotation to their scope when found.
// - When several key has the same value and have a connection
// - We either use $theme-hacker token or var(--token) depending on connection logic and value type.

@use "sass:color";

// SHADOWS
$theme-hacker-shadow-color: $color-black;

$theme-hacker-box-shadow-xs: $shadow-size-xs $theme-hacker-shadow-color;
$theme-hacker-box-shadow-small: $shadow-size-small $theme-hacker-shadow-color;
$theme-hacker-box-shadow-medium: $shadow-size-medium $theme-hacker-shadow-color;
$theme-hacker-box-shadow-large: $shadow-size-large $theme-hacker-shadow-color;



// Fixed colors - Mostly Monochrome Values
$theme-hacker-fixed-light-color: $color-white;
$theme-hacker-fixed-dark-color: $color-black;

// SURFACES COLORS
$theme-hacker-surface-primary: $colors-gray-950;
$theme-hacker-surface-primary-hover: rgba($colors-gray-950, 0.3);
$theme-hacker-surface-secondary: $color-black;
$theme-hacker-surface-tertiary: $color-black;
$theme-hacker-surface-quaternary: $color-black; //todo: fix, grey and allgrey should not be the same
$theme-hacker-surface-selected: $colors-steel-900;
$theme-hacker-surface-inverse: $color-white; // todo: fix, value from basic theme
$theme-hacker-surface-success: $colors-green-800;
$theme-hacker-surface-alert: $colors-red-800;
$theme-hacker-surface-warning: $colors-yellow-800;

// BRAND COLORS
$theme-hacker-primary-color: $colors-lime-600;
$theme-hacker-primary-hover-color: #{color.adjust($color-pink-plastic, $lightness: -6%)};
$theme-hacker-primary-selected-hover-color: $color-deep_blue;
$theme-hacker-primary-highlighted-color: $color-downriver;

// TEXT COLORS
$theme-hacker-text-primary: $color-white;
$theme-hacker-text-secondary: $colors-gray-400; // todo: fix, value from basic legacy palette
$theme-hacker-text-tertiary: $colors-gray-700; // todo: fix, value from basic legacy palette
$theme-hacker-text-color-on-inverted: $color-mud_black; // todo: fix, value from basic theme
$theme-hacker-placeholder-color: $color-wolf_gray; // todo: fix, value from basic theme
$theme-hacker-icon-primary: $color-wolf_gray; // todo: fix, value from basic theme
$theme-hacker-link-color: $colors-lime-300;

// System Semantics (state, status)
$theme-hacker-disabled-text-color: $theme-black-disabled-text-color;
$theme-hacker-disabled-background-color: $color-dust-muted;
$theme-hacker-positive-color: $colors-green-700;
$theme-hacker-positive-color-hover: $colors-green-600;
$theme-hacker-positive-color-selected: $colors-green-600;
$theme-hacker-positive-color-selected-hover: $colors-green-500;
$theme-hacker-positive-color-background: $colors-green-700;
$theme-hacker-negative-color: $colors-red-700;
$theme-hacker-negative-color-hover: $colors-red-600;
$theme-hacker-negative-color-selected: $colors-red-600;
$theme-hacker-negative-color-selected-hover: $colors-red-500;
$theme-hacker-negative-color-background: $colors-red-700;
$theme-hacker-warning-color: $colors-yellow-700;
$theme-hacker-warning-color-hover: $colors-yellow-600;
$theme-hacker-warning-color-selected: $colors-yellow-600;
$theme-hacker-warning-color-selected-hover: $colors-yellow-500;
$theme-hacker-warning-color-background: $colors-yellow-700;

// DIVIDER COLORS
$theme-hacker-divider-primary: $colors-gray-700;
$theme-hacker-divider-secondary: $colors-gray-600;
$theme-hacker-divider-overlay: rgba($theme-hacker-shadow-color, $shadow-xs-opacity); 
$theme-hacker-divider-halo: $colors-lime-600; 
$theme-hacker-divider-selected: $colors-lime-400;