/**
 * Lamoureux Brand Variables
 * 
 * ⚠️ AUTO-GENERATED FILE - DO NOT EDIT MANUALLY
 * 
 * Source of Truth:
 * - packages/frontend-lamoureux/src/config/colors.ts
 * - packages/frontend-lamoureux/src/config/brand.ts
 * 
 * To update, edit the source files and run: pnpm generate:branding
 */

:root {
  /* ========================================
     BRAND IDENTITY
     ======================================== */
  --brand-name: 'Lamoureux';

  /* ========================================
     PRIMARY COLORS
     ======================================== */
  --brand-primary: #0058a3;
  --brand-primary-hover: #004a8c;
  --brand-primary-light: #4da3cf;
  --brand-primary-dark: #003d75;

  --brand-secondary: #00c7b1;
  --brand-secondary-hover: #00a899;
  --brand-secondary-light: #00e5cc;

  --brand-tertiary: #d23f57;
  --brand-tertiary-dark: #c8102e;
  --brand-tertiary-hover: #e63950;

  --brand-accent: #4da3cf;
  --brand-accent-light: #5db8e3;

  /* ========================================
     BACKGROUNDS
     ======================================== */
  --brand-bg-primary: #ffffff;
  --brand-bg-secondary: #f8f9fa;
  --brand-bg-hero: #f8fbfd;
  --brand-bg-card: #ffffff;

  /* ========================================
     TEXT COLORS
     ======================================== */
  --brand-text-primary: #16202a;
  --brand-text-secondary: #515f6b;
  --brand-text-muted: #8a9aaa;

  /* ========================================
     BORDERS
     ======================================== */
  --brand-border: #e4e6e9;
  --brand-border-focus: rgba(0, 88, 163, 0.5);

  /* ========================================
     HEADER & FOOTER
     ======================================== */
  --brand-header-bg: #ffffff;
  --brand-footer-bg: #16202a;
  --brand-footer-text: #ffffff;

  /* ========================================
     STATUS COLORS
     ======================================== */
  --brand-success: #22c55e;
  --brand-warning: #f59e0b;
  --brand-error: #d23f57;
  --brand-info: #6366f1;

  /* ========================================
     GRADIENTS
     ======================================== */
  --brand-gradient-teal: rgba(0, 199, 177, 0.28);
  --brand-gradient-cyan: rgba(77, 163, 207, 0.24);
  --brand-gradient-blue: rgba(0, 88, 163, 0.2);
  --brand-gradient-red: rgba(200, 16, 46, 0.12);
  --brand-gradient-hero-light: linear-gradient(180deg, #f8fbfd 0%, #ffffff 100%);
  --brand-gradient-hero-dark: linear-gradient(180deg, #0a0f1a 0%, #0f172a 100%);
  --brand-gradient-text-light: linear-gradient(150deg, #00d4b8 0%, #00c7b1 15%, #1dbfcc 35%, #3ab0d6 55%, #4da3cf 75%, #5a9bd4 100%);
  --brand-gradient-text-dark: linear-gradient(150deg, #00f5e0 0%, #00e5cc 15%, #2ed4e5 35%, #4dc4eb 55%, #5db8e3 75%, #6eb0ea 100%);
  --brand-gradient-highlight: linear-gradient(to right, #00c7b1, #4da3cf);
  --brand-gradient-cta: linear-gradient(89.53deg, #00c7b1 -0.44%, #4da3cf 108.97%);
  --brand-gradient-cursor-light: linear-gradient(to bottom, #00d4b8, #1dbfcc, #3ab0d6, #4da3cf);
  --brand-gradient-cursor-dark: linear-gradient(to bottom, #00f5e0, #2ed4e5, #4dc4eb, #5db8e3);

  /* ========================================
     BUTTON SYSTEM
     ======================================== */
  --brand-btn-primary-bg: #c8102e;
  --brand-btn-primary-hover: #e63950;
  --brand-btn-primary-active: #a80d26;
  --brand-btn-primary-glow: rgba(200, 16, 46, 0.4);
  --brand-btn-glow-inner: rgba(255, 100, 120, 0.6);
  --brand-btn-glow-mid: rgba(200, 16, 46, 0.4);
  --brand-btn-glow-outer: rgba(200, 16, 46, 0.2);
  --brand-btn-glow-ambient: rgba(200, 16, 46, 0.08);
  --brand-btn-secondary-bg: transparent;
  --brand-btn-secondary-border: #00c7b1;
  --brand-btn-secondary-hover-bg: rgba(0, 199, 177, 0.1);
  --brand-btn-secondary-glow: rgba(0, 199, 177, 0.3);
  --brand-btn-focus-ring: rgba(0, 199, 177, 0.5);
  --brand-btn-ripple: rgba(255, 255, 255, 0.5);
  --brand-btn-spotlight: rgba(255, 255, 255, 0.25);

  /* ========================================
     LOGO COLORS
     ======================================== */
  --brand-logo-top-left: #a855f7;
  --brand-logo-top-right: #00c7b1;
  --brand-logo-bottom-left: #4da3cf;
  --brand-logo-bottom-right: #0058a3;

  /* ========================================
     TYPOGRAPHY
     ======================================== */
  --brand-font-heading: 'Cormorant Garamond', Georgia, serif;
  --brand-font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --brand-font-mono: 'JetBrains Mono', 'Fira Code', Consolas, monospace;

  /* ========================================
     THEME
     ======================================== */
  --brand-theme-storage-key: lamoureux-theme;
}

/* ========================================
   DARK MODE OVERRIDES
   ======================================== */
[data-theme="dark"] {
  --brand-bg-primary: #0f172a;
  --brand-bg-secondary: #1e293b;
  --brand-bg-hero: #0a0f1a;
  --brand-bg-card: #1e293b;

  --brand-text-primary: #f1f5f9;
  --brand-text-secondary: #cbd5e1;
  --brand-text-muted: #94a3b8;

  --brand-border: #334155;
  --brand-border-focus: rgba(0, 199, 177, 0.5);
  --brand-text-link: #4da3cf;

  --brand-header-bg: #1e293b;
  --brand-footer-bg: #0a0e1a;
  --brand-footer-text: #f1f5f9;

  /* Button system - dark mode */
  --brand-btn-primary-glow: rgba(255, 100, 120, 0.5);
  --brand-btn-glow-inner: rgba(255, 140, 160, 0.7);
  --brand-btn-glow-mid: rgba(230, 57, 80, 0.5);
  --brand-btn-glow-outer: rgba(200, 16, 46, 0.3);
  --brand-btn-glow-ambient: rgba(255, 100, 120, 0.12);
  --brand-btn-secondary-hover-bg: rgba(0, 229, 204, 0.15);
  --brand-btn-secondary-glow: rgba(0, 229, 204, 0.4);
  --brand-btn-focus-ring: rgba(0, 229, 204, 0.6);
  --brand-btn-spotlight: rgba(255, 255, 255, 0.3);
}