@use '@acorex/styles/utils/index.scss' as *;
@use '../../layouts/_variables.scss' as *;

$primary: #ff6b35;
$secondary: #e86a58;
$success: #48a87c;
$warning: #f7b267;
$danger: #e94f64;
$accent1: #f26b5b;
$accent2: #f7c267;
$accent3: #de5b7b;

$light-start: $light-start-base;
$light-end: mix($light-end-base, $primary, $light-end-weight);
$light: mix($light-start-base, $primary, $light-start-weight);

$dark-start: #2d2438;
$dark-end: #1f1827;
$dark: #171219;

$dark-start: #2a2320; // Neutral dark with a warm undertone
$dark-end: #120d0b; // Deep black-brown, slightly influenced by orange
$dark: #1e1815; // Mid-tone, great for cards and surfaces

$theme-colors: (
  'primary': $primary,
  'secondary': $secondary,
  'success': $success,
  'warning': $warning,
  'danger': $danger,
  'accent1': $accent1,
  'accent2': $accent2,
  'accent3': $accent3,
);

$theme-surfaces: (
  'light-start': $light-start,
  'light-end': $light-end,
  'dark-start': $dark-start,
  'dark-end': $dark-end,
);

$options: (
  'color-range': true,
  'light': $light,
  'dark': $dark,
);

@forward '@acorex/styles/variables/index.scss';

@include generate-palette-variables($theme-colors, $theme-surfaces, $options);
