/* css/variables.css — Mahābhāṣya Research Archive */
:root {
  /* Background & Surface */
  --bg:           #F9F7F2;
  --bg-card:      #FFFFFF;
  --bg-subtle:    #F2EFE8;
  --bg-dark:      #1C1A16;

  /* Ink */
  --ink:          #1C1A16;
  --ink-soft:     #4A4640;
  --ink-muted:    #8C8880;

  /* Accent */
  --accent:       #7C5CBF;
  --accent-soft:  #EDE4FF;
  --accent-mid:   #C9B4FF;

  /* Borders */
  --line:         #E4E0D8;
  --line-strong:  #C8C4BC;

  /* Textual Layer Colours */
  --layer-mb:     #9B7FE8;   /* Mahābhāṣya — deep lavender */
  --layer-mb-bg:  #F0EBFF;
  --layer-pr:     #4A8FD4;   /* Pradīpa — blue */
  --layer-pr-bg:  #EBF4FF;
  --layer-ud:     #3AAD82;   /* Uddyota — green */
  --layer-ud-bg:  #EBFBF3;
  --layer-ch:     #C8882A;   /* Chāyā — amber */
  --layer-ch-bg:  #FFF6E8;

  /* Classification Badges */
  --badge-a:      #7C5CBF;
  --badge-b:      #4A8FD4;
  --badge-c:      #3AAD82;
  --badge-d:      #C8882A;

  /* Typography — Spectral (Google Fonts) + mono */
  --font-display: 'Spectral', serif;
  --font-serif:   'Spectral', serif;
  --font-mono:    'DM Mono', monospace;

  /* Spacing */
  --space-xs:     8px;
  --space-sm:     16px;
  --space-md:     32px;
  --space-lg:     64px;
  --space-xl:     120px;

  /* Layout */
  --max-width:    1160px;
  --radius-sm:    4px;
  --radius-md:    8px;
  --radius-lg:    14px;
  --radius-pill:  100px;

  /* Shadows */
  --shadow-sm:    0 1px 4px rgba(16,47,21,0.07);
  --shadow-md:    0 4px 20px rgba(16,47,21,0.10);
  --shadow-lg:    0 16px 48px rgba(16,47,21,0.12);
}