/* ============================================================
   Panamoure v2 — Brand tokens
   Source: .claude/skills/panamoure-branding/
   Locked after Phase 0. Do not change without Mohit's approval.
   ============================================================ */

:root {
  /* --- Canonical Panamoure brand palette --- */
  --panamoure-pink:        #FF007A;
  --panamoure-blue:        #160F44;
  --panamoure-purple:      #AD00FF;
  --panamoure-dark-purple: #9200D8;
  --panamoure-green:       #00CF84;
  --panamoure-white:       #FFFFFF;
  --panamoure-light-grey:  #F8F8FB;
  --panamoure-body:        #160F44;
  --panamoure-small:       #313050;

  /* --- Local aliases (used by component classes) --- */
  --pink:       var(--panamoure-pink);
  --blue:       var(--panamoure-blue);
  --purple:     var(--panamoure-purple);
  --green:      var(--panamoure-green);
  --white:      var(--panamoure-white);
  --light-grey: var(--panamoure-light-grey);
  --mid-grey:   #E8E4F0;
  --body-text:  var(--panamoure-body);
  --small-text: var(--panamoure-small);
  --muted:      #6E6B85;

  /* --- Canonical gradients --- */
  --gradient-full:   linear-gradient(135deg, #FF007A 0%, #FF007A 65%, #AD00FF 65%, #9200D8 95%, #00CF84 100%);
  --gradient-simple: linear-gradient(135deg, #FF007A 0%, #AD00FF 70%, #00CF84 100%);

  /* --- Layout constants --- */
  --container-max: 1200px;
  --page-pad-x:    56px;
  --page-pad-x-sm: 24px;
}