/* iplfantasyindia.com — Theme variables
   Tiranga palette + editorial layout tokens used by every page.
   Loaded before styles.css so shared custom properties are available
   before any rule that reads them. ============================ */

:root {
  /* Saffron accent (Tiranga top band) */
  --saffron-50:  #FFF6EC;
  --saffron-100: #FFE6CC;
  --saffron-200: #FFCB8A;
  --saffron-300: #FFB05A;
  --saffron-400: #FF9933;   /* primary saffron */
  --saffron-500: #E67E1A;
  --saffron-600: #C46510;
  --saffron-700: #934B08;

  /* India green accent (Tiranga bottom band) */
  --green-50:  #E8F5EC;
  --green-100: #C7E8D2;
  --green-200: #9BD3AE;
  --green-300: #5BBE7B;
  --green-400: #2BA04F;
  --green-500: #138808;    /* primary India green */
  --green-600: #0E6E06;
  --green-700: #085204;

  /* Navy ink (Tiranga center / editorial body) */
  --navy-50:  #E8E9F2;
  --navy-100: #C2C5DC;
  --navy-200: #8B92BA;
  --navy-300: #5864A0;
  --navy-400: #2C3A85;
  --navy-500: #000080;     /* primary navy */
  --navy-600: #000066;
  --navy-700: #00004D;
  --navy-800: #1A1A40;
  --navy-900: #0A0A2A;

  /* Editorial neutrals */
  --paper:      #FBF7EE;   /* warm cream paper */
  --paper-warm: #F2EBD8;
  --paper-soft: #FFFCF5;
  --ink:        #1A1A1A;   /* deep ink for text */
  --ink-soft:   #3D3D3D;
  --ink-mute:   #6B6B6B;
  --rule:       #1A1A1A;   /* black rules for editorial feel */
  --rule-soft:  #C8BFA9;
  --gold-foil:  #C9A227;   /* accent gold for headlines */

  /* Layout */
  --max-w: 1240px;
  --gutter: 24px;
  --masthead-h: 92px;
  --topbar-h: 36px;
  --header-z: 250;
  --hamburger-z: 300;
  --drawer-z: 200;
}