/* ============================================================
   NMC VARIABLES — Naira Music Cartel Design System
   All CSS custom properties for the NMC WordPress theme
   ============================================================ */

:root {

  /* ----------------------------------------------------------
     COLOURS
     ---------------------------------------------------------- */
  --nmc-black:      #0A0A0A;
  --nmc-gold:       #C9A84C;
  --nmc-gold-light: #E8C96A;
  --nmc-white:      #F5F0E8;
  --nmc-red:        #8B1A1A;
  --nmc-charcoal:   #1A1A1A;
  --nmc-grey:       #3A3A3A;
  --nmc-grey-text:  #888888;

  /* ----------------------------------------------------------
     TYPOGRAPHY SCALE
     ---------------------------------------------------------- */
  --text-xs:   0.625rem;   /* 10px */
  --text-sm:   0.75rem;    /* 12px */
  --text-base: 0.9375rem;  /* 15px */
  --text-md:   1rem;       /* 16px */
  --text-lg:   1.125rem;   /* 18px */
  --text-xl:   1.375rem;   /* 22px */
  --text-2xl:  1.75rem;    /* 28px */
  --text-3xl:  2.25rem;    /* 36px */
  --text-4xl:  3rem;       /* 48px */
  --text-5xl:  4.5rem;     /* 72px */
  --text-6xl:  6rem;       /* 96px */

  /* ----------------------------------------------------------
     SPACING SCALE (base 4px)
     ---------------------------------------------------------- */
  --space-1:  0.25rem;   /* 4px  */
  --space-2:  0.5rem;    /* 8px  */
  --space-3:  0.75rem;   /* 12px */
  --space-4:  1rem;      /* 16px */
  --space-5:  1.25rem;   /* 20px */
  --space-6:  1.5rem;    /* 24px */
  --space-7:  1.75rem;   /* 28px */
  --space-8:  2rem;      /* 32px */
  --space-9:  2.25rem;   /* 36px */
  --space-10: 2.5rem;    /* 40px */
  --space-11: 2.75rem;   /* 44px */
  --space-12: 3rem;      /* 48px */
  --space-14: 3.5rem;    /* 56px */
  --space-16: 4rem;      /* 64px */
  --space-18: 4.5rem;    /* 72px */
  --space-20: 5rem;      /* 80px */

  /* ----------------------------------------------------------
     TRANSITIONS
     ---------------------------------------------------------- */
  --transition-smooth: 0.6s cubic-bezier(0.77, 0, 0.175, 1);
  --transition-fast:   0.2s ease;

  /* ----------------------------------------------------------
     Z-INDEX LAYERS
     ---------------------------------------------------------- */
  --z-base:   1;
  --z-raised: 10;
  --z-nav:    1000;
  --z-modal:  2000;
  --z-player: 9999;

  /* ----------------------------------------------------------
     BORDER RADIUS
     ---------------------------------------------------------- */
  --radius-sm:   4px;
  --radius-md:   8px;
  --radius-full: 9999px;

  /* ----------------------------------------------------------
     LAYOUT
     ---------------------------------------------------------- */
  --container: 1400px;

}

/* Light mode overrides */
[data-theme="light"] {
  --nmc-black: #F5F0E8;
  --nmc-bg: #FFFDF8;
  --nmc-surface: #F0EBE0;
  --nmc-text: #0A0A0A;
  --nmc-text-muted: #444;
  --nmc-border: #D4C9A8;
}
[data-theme="dark"],
:root {
  --nmc-bg: #0A0A0A;
  --nmc-surface: #111111;
  --nmc-text: #F5F0E8;
  --nmc-text-muted: #888;
  --nmc-border: #222;
}