/* Bossify Academy — Design System (reference palette) */

:root {
  /* Brand — deep purple, gold, cream */
  --purple:       #24072F;
  --purple-mid:   #351044;
  --purple-light: #4A1F5C;
  --gold:         #C89B3C;
  --gold-light:   #DCB86A;
  --gold-dark:    #A67E2E;
  --cream:        #F8F4EF;
  --white:        #FFFFFF;
  --black-soft:   #0f0814;

  --text-dark:    #1D1D1D;
  --text-muted:   #5c5563;
  --text-white70: rgba(255, 255, 255, 0.78);

  /* Legacy aliases (existing classes) */
  --navy:        var(--purple);
  --navy-mid:    var(--purple-mid);
  --navy-light:  var(--purple-light);
  --off-white:   var(--cream);
  --gray-light:  #EFE8E2;

  --font-display: 'Playfair Display', Georgia, 'Times New Roman', serif;
  --font-body:    'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;

  --container:   1180px;
  --radius-sm:   8px;
  --radius-md:   14px;
  --radius-lg:   22px;
  --radius-full: 999px;

  --shadow-card:  0 8px 32px rgba(36, 7, 47, 0.08);
  --shadow-hover: 0 16px 48px rgba(36, 7, 47, 0.14);
  --shadow-gold:  0 6px 24px rgba(200, 155, 60, 0.35);

  --transition: 0.35s cubic-bezier(0.22, 1, 0.36, 1);
}

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; }
body {
  font-family: var(--font-body);
  color: var(--text-dark);
  background: var(--white);
  line-height: 1.65;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
img { max-width: 100%; display: block; }
a { text-decoration: none; color: inherit; }
ul { list-style: none; }
button { font: inherit; cursor: pointer; }