/* ─── Pampling Brand Theme — Light / Cream ──────────────────────────────── */
:root {
  /* Backgrounds */
  --bg-base:      #F5F0EB;
  --bg-card:      rgba(255, 255, 255, 0.70);
  --bg-card-2:    rgba(255, 255, 255, 0.90);
  --bg-input:     rgba(255, 255, 255, 0.80);

  /* Borders */
  --border:       rgba(45, 42, 38, 0.08);
  --border-light: rgba(45, 42, 38, 0.05);

  /* Text */
  --text-primary:   #2D2A26;
  --text-secondary: rgba(45, 42, 38, 0.60);
  --text-muted:     rgba(45, 42, 38, 0.35);

  /* Brand colors */
  --accent-a:      #7947F8;
  --accent-a-end:  #A855F7;
  --accent-a-grad: linear-gradient(135deg, #7947F8, #A855F7);
  --accent-a-soft: rgba(121, 71, 248, 0.10);
  --accent-b:      #4A9EFF;
  --accent-b-soft: rgba(74, 158, 255, 0.10);

  --green:      #5C8A6C;
  --green-soft: rgba(92, 138, 108, 0.12);
  --amber:      #C99555;
  --amber-soft: rgba(201, 149, 85, 0.12);
  --red:        #E05252;
  --red-soft:   rgba(224, 82, 82, 0.12);

  /* Radius */
  --radius-sm: 8px;
  --radius:    16px;
  --radius-lg: 20px;

  /* Shadows */
  --shadow:    0 1px 4px rgba(45, 42, 38, 0.06);
  --shadow-md: 0 4px 16px rgba(45, 42, 38, 0.08);

  /* Fonts */
  --font:      'Poppins', system-ui, sans-serif;
  --font-mono: 'JetBrains Mono', monospace;

  --nav-height: 60px;
}