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

// --- Ocean Breeze Theme (Revised) ---

// Core Colors
$primary: #3498db; // Bright, clear sky blue
$secondary: #00bfa5; // Vibrant turquoise for a fresh contrast
$neutral: #bdc3c7; // Soft, neutral gray-blue
$success: #27ae60; // Fresh green for success states
$warning: #f39c12; // Warm amber for warnings
$danger: #c0392b; // Bold, cool-toned red for errors
$accent1: #5dade2; // Light sea blue accent
$accent2: #16a085; // Deep turquoise accent
$accent3: #48c9b0; // Muted sea green accent

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

// Surface Gradient Endpoints for Dark Mode
// The dark endpoints are chosen to be near–black with a subtle blue tint (hint of the primary)
$dark-start: #2c3e50; // Lightest dark surface: a deep blue–gray
$dark-end: #12171d; // Darkest dark surface: nearly black with a cool undertone
// Midpoint (default dark background)
$dark: #1f2b37; // Approximate average of $dark-start and $dark-end

$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,
  'neutral': $neutral,
  'dark': $dark,
);

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

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