/* ============================================
   IGNOTUS STUDIOS - UNIFIED COLOR PALETTE
   "From Unknown to Unforgetable"
   ============================================ */

/* ============================================
   BRAND TYPOGRAPHY
   ============================================ */
/* Cinzel - Google Fonts for headlines */
@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400;500;600&display=swap');

/* Gotham Book - Locally installed system font for body text and headings */
/* Note: Gotham Book is installed on the system and will be used directly */

:root {
    /* ============================================
       TYPOGRAPHY - BRAND FONT HIERARCHY
       ============================================ */
    --font-headline: 'Cinzel', serif;              /* Main headlines, dramatic impact */
    --font-brand: 'Gotham Book', 'Gotham', sans-serif;  /* Company name, major headings */
    --font-body: 'Gotham Book', 'Gotham', sans-serif;   /* Body text, descriptions */

    /* Font Weights */
    --font-weight-light: 325;    /* Gotham Book weight */
    --font-weight-regular: 400;  /* Gotham Medium */
    --font-weight-medium: 500;
    --font-weight-semibold: 600;

    /* Font Sizes - Desktop */
    --font-size-h1: 3.5rem;      /* 56px */
    --font-size-h2: 2.5rem;      /* 40px */
    --font-size-h3: 1.75rem;     /* 28px */
    --font-size-h4: 1.25rem;     /* 20px */
    --font-size-body: 1rem;      /* 16px */
    --font-size-small: 0.875rem; /* 14px */
    /* ============================================
       PRIMARY COLORS
       ============================================ */
    --color-black: #000000;
    --color-white: #FFFFFF;

    /* ============================================
       SUPPORTING COLORS
       ============================================ */
    --color-charcoal: #1A1A1A;
    --color-gold: #B8956A;
    --color-platinum: #E5E5E5;

    /* ============================================
       SEMANTIC COLORS - Background
       ============================================ */
    --color-background-dark: var(--color-black);
    --color-background-light: var(--color-white);
    --color-background-alt: var(--color-charcoal);

    /* ============================================
       SEMANTIC COLORS - Text
       ============================================ */
    --color-text-light: var(--color-white);
    --color-text-dark: var(--color-black);

    /* ============================================
       SEMANTIC COLORS - Accent
       ============================================ */
    --color-accent: var(--color-gold);
    --color-accent-hover: #a07d56; /* Darken gold 10% */

    /* ============================================
       SEMANTIC COLORS - Border
       ============================================ */
    --color-border: var(--color-platinum);

    /* ============================================
       SECTION-SPECIFIC COLORS - Music & Events
       Heavy black backgrounds, bold gold accents
       ============================================ */
    --music-primary: var(--color-black);
    --music-accent: var(--color-gold);

    /* ============================================
       SECTION-SPECIFIC COLORS - Business & Industry
       More white/charcoal, refined gold accents
       ============================================ */
    --business-primary: var(--color-white);
    --business-secondary: var(--color-charcoal);
    --business-accent: var(--color-gold);

    /* ============================================
       LEGACY COMPATIBILITY (DO NOT USE IN NEW CODE)
       These maintain compatibility with existing code
       ============================================ */
    --primary-color: var(--color-gold);
    --secondary-color: var(--color-accent-hover);
    --background-dark: var(--color-black);
    --background-light: var(--color-charcoal);
    --text-white: var(--color-white);
    --text-gray: #cccccc;
    --text-dark: #333333;
    --border-color: rgba(184, 149, 106, 0.2);
    --shadow-primary: rgba(184, 149, 106, 0.3);
    --shadow-dark: rgba(0, 0, 0, 0.5);
}

/* ============================================
   THEME CLASSES
   ============================================ */

/* Music & Events Theme - Heavy Black, Bold Gold */
.music-theme {
    --theme-background: var(--color-black);
    --theme-text: var(--color-white);
    --theme-accent: var(--color-gold);
}

/* Business & Industry Theme - More White/Charcoal, Refined Gold */
.business-theme {
    --theme-background: var(--color-white);
    --theme-alt-background: var(--color-charcoal);
    --theme-text: var(--color-black);
    --theme-text-alt: var(--color-white);
    --theme-accent: var(--color-gold);
}