/**
 * LESS Variable Defaults for Branding Customization
 *
 * These variables can be overridden AFTER importing $c8y/style/extend.less
 * to customize the theme using LESS variable overriding.
 *
 * Example usage:
 * ```less
 * // Your styles.less
 * @import '~$c8y/style/extend';
 * $brand-primary: #8e9de1;  // Override with direct hex value
 * ```
 *
 * These LESS variables are then used to set CSS custom properties,
 * which are used throughout the application for runtime theming.
 */

/* Palette defaults - these match the design tokens */
$palette-blue-40-default: #559ae3;
$palette-green-10-default: #084708;
$palette-green-20-default: #0a5c0a;
$palette-green-30-default: #0f880f;
$palette-green-40-default: #119d11;
$palette-green-50-default: #6ac26a;
$palette-green-60-default: #a5daa5;
$palette-green-70-default: #d1ecd1;
$palette-green-80-default: #eff9ef;
$palette-gray-10-default: #212121;
$palette-gray-20-default: #2A3846;
$palette-gray-40-default: #657381;
$palette-yellow-60-default: #ffbe00;
$palette-yellow-10-default: #4e3a00;
$palette-yellow-80-default: #fff6db;
$palette-orange-50-default: #ff8800;

/* Brand defaults - can be overridden by users */
$brand-primary-default: $palette-green-40-default;
$brand-primary-light-default: $palette-green-60-default;
$brand-primary-dark-default: $palette-gray-20-default;
$brand-complementary-default: $palette-blue-40-default;
$brand-10-default: $palette-green-10-default;
$brand-20-default: $palette-green-20-default;
$brand-30-default: $palette-green-30-default;
$brand-40-default: $palette-green-40-default;
$brand-50-default: $palette-green-50-default;
$brand-60-default: $palette-green-60-default;
$brand-70-default: $palette-green-70-default;
$brand-80-default: $palette-green-80-default;

$brand-accent-default: $palette-yellow-60-default;
$brand-accent-dark-default: $palette-yellow-10-default;
$brand-accent-light-default: $palette-yellow-80-default;

/* Status defaults */
$status-success-default: #71A112;
$status-info-default: #056ad6;
$status-danger-default: #d70f0f;
$status-warning-default: $palette-orange-50-default;

/*
 * Variable initialization with conditional guard system
 * Users can override by defining $brand-primary etc. AFTER importing extend.less
 *
 * How it works:
 * 1. These variables are defined with default values
 * 2. Users import extend.less, then override: $brand-primary: #yourcolor;
 * 3. Conditional guards in _color-vars.less detect overrides (value != default)
 * 4. CSS custom properties are generated with the overridden values
 */

$brand-primary: $brand-primary-default;
$brand-primary-light: $brand-primary-light-default;
$brand-primary-dark: $brand-primary-dark-default;
$brand-complementary: $brand-complementary-default;
$brand-10: $brand-10-default;
$brand-20: $brand-20-default;
$brand-30: $brand-30-default;
$brand-40: $brand-40-default;
$brand-50: $brand-50-default;
$brand-60: $brand-60-default;
$brand-70: $brand-70-default;
$brand-80: $brand-80-default;

$brand-accent: $brand-accent-default;
$brand-accent-dark: $brand-accent-dark-default;
$brand-accent-light: $brand-accent-light-default;

$status-success: $status-success-default;
$status-info: $status-info-default;
$status-danger: $status-danger-default;
$status-warning: $status-warning-default;
