/**
 * 99Pandit Design Tokens / CSS Variables (Replicated from WordPress Theme)
 * Source: wp-content/themes/ninetyninepandit/css/mobile/components/variables.css
 */
:root {
  /* Primary Sacred Colors */
  --np-saffron:        #f37420;
  --np-saffron-dark:   #e05515;
  --np-saffron-light:  #f3af42;
  --np-saffron-bg:     rgba(243, 116, 32, 0.08);
  --np-border-saffron: rgba(243, 116, 32, 0.2);
  --np-grad-saffron:   linear-gradient(135deg, #e05515, #f7971e);
  --np-shadow-saffron: -8px 10px 30px rgba(243, 116, 32, 0.35);

  /* Sacred Green Accents */
  --np-green:          #059669;
  --np-green-mid:      #10b981;
  --np-green-bg:       rgba(16, 185, 129, 0.08);
  --np-border-green:   rgba(16, 185, 129, 0.2);
  --np-grad-green:     linear-gradient(135deg, #059669, #10b981);
  --np-shadow-green:   -8px 10px 30px rgba(16, 185, 129, 0.35);

  /* Gold */
  --np-gold:           #daa520;

  /* Typography Colors */
  --np-text-dark:      #3e2723;
  --np-text-mid:       #6b5b4f;
  --np-text-light:     #9e8f87;
  --np-text-black:     #000000;
  --np-black-mid:      #333333;
  --np-text-white:     #ffffff;

  /* Backgrounds */
  --np-white:          #ffffff;
  --np-cream:          #fff8f0;
  --np-light:          #fffbf5;

  /* Gradients */
  --np-bg-peach:       linear-gradient(135deg, #fff3e0, #ffe0b2);
  --np-bg-green:       linear-gradient(135deg, #e8f5e9, #c8e6c9);
  --np-bg-pink:        linear-gradient(135deg, #fce4ec, #f8bbd0);
  --np-bg-blue:        linear-gradient(135deg, #e3f2fd, #bbdefb);
  --np-bg-purple:      linear-gradient(135deg, #ede7f6, #d1c4e9);
  --np-bg-light-peach: linear-gradient(135deg, #ffffff, #f1f0ee);

  /* Font & Sizing */
  --np-font:           'Noto Sans', sans-serif;
  --np-base-font-size: 14px;

  /* Radii */
  --np-radius-sm:      6px;
  --np-radius:         10px;
  --np-radius-pill:    999px;

  /* Shadows */
  --np-shadow:         0 2px 10px rgba(0, 0, 0, 0.08);
}