/* WebByVoice — 6 Brand Palettes
   Inspired by: hedepy.cz, gabrielajakubikova.cz, buddypro.ai, amaravillage.co
   + IBB Branding Boards Collection 1+2
   Each palette: primary, secondary, accent, light, lighter, dark */

/* 1. Calm — clean white, sage green, pink accent (gabrielajakubikova.cz) */
.palette-calm {
  --color-primary: #5F7161;
  --color-secondary: #8BA888;
  --color-accent: #f78da7;
  --color-light: #ffffff;
  --color-lighter: #f9f7f4;
  --color-dark: #2C3E2D;
}

/* ---- Calm palette variants (step 2 — wellness light, 4 tóny) ---- */

/* Calm 1 — Sage (default) */
.palette-calm-1 {
  --color-primary: #5F7161;
  --color-secondary: #8BA888;
  --color-accent: #f78da7;
  --color-light: #ffffff;
  --color-lighter: #f9f7f4;
  --color-dark: #2C3E2D;
}

/* Calm 2 — Dusty Blue */
.palette-calm-2 {
  --color-primary: #6B8AA0;
  --color-secondary: #A8BDCE;
  --color-accent: #E8A87C;
  --color-light: #ffffff;
  --color-lighter: #F4F7FA;
  --color-dark: #2A3F50;
}

/* Calm 3 — Warm Cream */
.palette-calm-3 {
  --color-primary: #8B7355;
  --color-secondary: #BFA788;
  --color-accent: #D4756B;
  --color-light: #FFFDF9;
  --color-lighter: #F7F0E8;
  --color-dark: #3D2E20;
}

/* Calm 4 — Soft Lavender */
.palette-calm-4 {
  --color-primary: #7B6B8F;
  --color-secondary: #B3A4C2;
  --color-accent: #E8A8B8;
  --color-light: #ffffff;
  --color-lighter: #F7F4FA;
  --color-dark: #2E2538;
}

/* ---- WARM palette variants (earthy, eco-luxury) ---- */

/* Warm 1 — Terracotta (default) */
.palette-warm-1 {
  --color-primary: #8B6F4E;
  --color-secondary: #C4A77D;
  --color-accent: #5C7A3E;
  --color-light: #FDF8F2;
  --color-lighter: #F3EDE4;
  --color-dark: #3A2E22;
}
/* Warm 2 — Forest (deep green + cream) */
.palette-warm-2 {
  --color-primary: #3E5A3C;
  --color-secondary: #7A9472;
  --color-accent: #C28A4A;
  --color-light: #FBF8F2;
  --color-lighter: #ECE7DC;
  --color-dark: #1F2E1D;
}
/* Warm 3 — Desert (sand + rust + sky) */
.palette-warm-3 {
  --color-primary: #B4654A;
  --color-secondary: #D9A778;
  --color-accent: #5C94A8;
  --color-light: #FEF8F0;
  --color-lighter: #F5E8D5;
  --color-dark: #4A2818;
}
/* Warm 4 — Olive (muted green + ochre) */
.palette-warm-4 {
  --color-primary: #6B6B3D;
  --color-secondary: #A8A66E;
  --color-accent: #C98B3B;
  --color-light: #FBF9F0;
  --color-lighter: #EEE9D6;
  --color-dark: #2E2D15;
}

/* ---- ELEGANT palette variants (prestigious) ---- */

/* Elegant 1 — Navy + gold (default) */
.palette-elegant-1 {
  --color-primary: #2B3A55;
  --color-secondary: #7B8FA1;
  --color-accent: #C9A87C;
  --color-light: #F8F6F3;
  --color-lighter: #EDE8E3;
  --color-dark: #1A2332;
}
/* Elegant 2 — Charcoal + brass */
.palette-elegant-2 {
  --color-primary: #3C3C3C;
  --color-secondary: #8A8A8A;
  --color-accent: #B8924A;
  --color-light: #F7F5F1;
  --color-lighter: #E8E4DC;
  --color-dark: #1C1C1C;
}
/* Elegant 3 — Burgundy + champagne */
.palette-elegant-3 {
  --color-primary: #6B2730;
  --color-secondary: #A57782;
  --color-accent: #D4B885;
  --color-light: #FAF5EF;
  --color-lighter: #EDE2D0;
  --color-dark: #3A1018;
}
/* Elegant 4 — Forest + copper */
.palette-elegant-4 {
  --color-primary: #2B4A3E;
  --color-secondary: #6B8A7F;
  --color-accent: #B87845;
  --color-light: #F7F4EE;
  --color-lighter: #E6DFCE;
  --color-dark: #142821;
}

/* ---- BOLD palette variants (playful, colorful) ---- */

/* Bold 1 — Teal + peach (default) */
.palette-bold-1 {
  --color-primary: #0B4752;
  --color-secondary: #2BA5A5;
  --color-accent: #E47B53;
  --color-light: #F0FAFA;
  --color-lighter: #C5E7E8;
  --color-dark: #062D35;
}
/* Bold 2 — Coral + mint */
.palette-bold-2 {
  --color-primary: #D85B50;
  --color-secondary: #F4A89E;
  --color-accent: #5FBFA0;
  --color-light: #FFF7F5;
  --color-lighter: #FCE4DF;
  --color-dark: #4A1C15;
}
/* Bold 3 — Yellow + navy */
.palette-bold-3 {
  --color-primary: #1E3A8A;
  --color-secondary: #6B89CC;
  --color-accent: #F2C94C;
  --color-light: #FFFBF0;
  --color-lighter: #FAEEC0;
  --color-dark: #0C1A3E;
}
/* Bold 4 — Purple + lime */
.palette-bold-4 {
  --color-primary: #5B3E8A;
  --color-secondary: #9B7FC7;
  --color-accent: #C8E04A;
  --color-light: #F8F6FC;
  --color-lighter: #E8E0F4;
  --color-dark: #2D1E45;
}

/* ---- STUDIO palette variants (creative portfolio) ---- */

/* Studio 1 — Mono + copper (default) */
.palette-studio-1 {
  --color-primary: #1A1A1A;
  --color-secondary: #767676;
  --color-accent: #C8956C;
  --color-light: #FFFFFF;
  --color-lighter: #F7F5F3;
  --color-dark: #0A0A0A;
}
/* Studio 2 — Cream + rust */
.palette-studio-2 {
  --color-primary: #6B4A3C;
  --color-secondary: #A8846B;
  --color-accent: #D4724A;
  --color-light: #FFFDF8;
  --color-lighter: #F4EBDE;
  --color-dark: #2E1810;
}
/* Studio 3 — Soft black + sage */
.palette-studio-3 {
  --color-primary: #2E2E2E;
  --color-secondary: #6E6E6E;
  --color-accent: #8BA888;
  --color-light: #FAFAF8;
  --color-lighter: #ECECE8;
  --color-dark: #151515;
}
/* Studio 4 — Pure black & white (no color accent) */
.palette-studio-4 {
  --color-primary: #000000;
  --color-secondary: #555555;
  --color-accent: #000000;
  --color-light: #FFFFFF;
  --color-lighter: #F5F5F5;
  --color-dark: #000000;
}

/* ---- DARK palette variants (dark mode tech/SaaS) ---- */

/* Dark 1 — Purple + cyan (default) */
.palette-dark-1 {
  --color-primary: #6C5CE7;
  --color-secondary: #A29BFE;
  --color-accent: #00CEC9;
  --color-light: #E8E8E8;
  --color-lighter: #2D2D3F;
  --color-dark: #13131A;
}
/* Dark 2 — Deep blue + orange */
.palette-dark-2 {
  --color-primary: #3B82F6;
  --color-secondary: #93C5FD;
  --color-accent: #FB923C;
  --color-light: #E8EDF2;
  --color-lighter: #1E2A3F;
  --color-dark: #0B1220;
}
/* Dark 3 — Black + neon green */
.palette-dark-3 {
  --color-primary: #10B981;
  --color-secondary: #6EE7B7;
  --color-accent: #F59E0B;
  --color-light: #E5E5E5;
  --color-lighter: #1F1F1F;
  --color-dark: #0A0A0A;
}
/* Dark 4 — Slate + magenta */
.palette-dark-4 {
  --color-primary: #EC4899;
  --color-secondary: #F9A8D4;
  --color-accent: #60A5FA;
  --color-light: #E8E8EE;
  --color-lighter: #2A2D3E;
  --color-dark: #121424;
}

/* 2. Warm — eco-luxury earthy tones (amaravillage.co) */
.palette-warm {
  --color-primary: #8B6F4E;
  --color-secondary: #C4A77D;
  --color-accent: #5C7A3E;
  --color-light: #FDF8F2;
  --color-lighter: #F3EDE4;
  --color-dark: #3A2E22;
}

/* 3. Elegant — navy, slate, gold accents */
.palette-elegant {
  --color-primary: #2B3A55;
  --color-secondary: #7B8FA1;
  --color-accent: #C9A87C;
  --color-light: #F8F6F3;
  --color-lighter: #EDE8E3;
  --color-dark: #1A2332;
}

/* 4. Bold — teal, peach, cyan (hedepy.cz) */
.palette-bold {
  --color-primary: #0B4752;
  --color-secondary: #2BA5A5;
  --color-accent: #E47B53;
  --color-light: #F0FAFA;
  --color-lighter: #C5E7E8;
  --color-dark: #062D35;
}

/* 5. Studio — clean modern portfolio, warm neutral + black */
.palette-studio {
  --color-primary: #1A1A1A;
  --color-secondary: #767676;
  --color-accent: #C8956C;
  --color-light: #FFFFFF;
  --color-lighter: #F7F5F3;
  --color-dark: #0A0A0A;
}

/* 6. Dark — fully dark background, vibrant accents (buddypro.ai dark mode) */
.palette-dark {
  --color-primary: #6C5CE7;
  --color-secondary: #A29BFE;
  --color-accent: #00CEC9;
  --color-light: #E8E8E8;
  --color-lighter: #2D2D3F;
  --color-dark: #13131A;
}