/* rupee1fantasy.com - Emerald Cricket theme (COLOR_081_EMERALD_CRICKET)
   Vertical: Fantasy Cricket Money Site, India
   Brand: Rupee11 Fantasy (R1F letter mark)
   Different from iplfantasypro (Stadium Emerald), iplsupercontest (Slate Pro), playcomesports (Indigo App)
============================================================ */
:root {
  /* Primary: emerald cricket green - lush stadium feel */
  --primary: #067A46;
  --primary-dark: #045C36;
  --primary-light: #1A9D63;
  --primary-border: rgba(6, 122, 70, 0.32);

  /* Accent: vivid lime - signal energy, win celebration */
  --accent: #24C660;
  --accent-dark: #1AA84E;

  /* Surface gradient */
  --gradient-cta: linear-gradient(135deg, #067A46, #24C660);
  --gradient-hero: linear-gradient(180deg, #0A2418 0%, #051A0E 100%);

  /* Backgrounds */
  --background: #051A0E;
  --background-2: #030F08;
  --surface: rgba(255, 255, 255, 0.04);
  --surface-2: rgba(255, 255, 255, 0.08);
  --overlay: rgba(5, 26, 14, 0.92);
  --soft-border: rgba(36, 198, 96, 0.10);
  --border: rgba(36, 198, 96, 0.18);

  /* Text */
  --text: #F0FDF4;
  --text-muted: #BBE5C9;
  --muted: rgba(148, 184, 162, 0.9);
  --inverse: #051A0E;

  /* Header height */
  --header-h: 64px;
  --sticky-cta-h: 0px;

  /* Z-index */
  --z-header: 50;

  /* Radii */
  --r-sm: 6px;
  --r-md: 10px;
  --r-lg: 16px;
  --r-xl: 24px;

  /* Spacing scale */
  --s-1: 4px;
  --s-2: 8px;
  --s-3: 12px;
  --s-4: 16px;
  --s-5: 20px;
  --s-6: 24px;
  --s-7: 32px;
  --s-8: 40px;
  --s-9: 56px;
  --s-10: 80px;

  /* Type */
  --font-display: 'Inter', 'Segoe UI', system-ui, -apple-system, sans-serif;
  --font-body: 'Inter', 'Segoe UI', system-ui, -apple-system, sans-serif;
  --font-mono: 'JetBrains Mono', 'Fira Code', ui-monospace, monospace;

  /* Shadows */
  --shadow-sm: 0 2px 8px rgba(6, 122, 70, 0.10);
  --shadow-md: 0 6px 20px rgba(6, 122, 70, 0.18);
  --shadow-lg: 0 14px 40px rgba(6, 122, 70, 0.28);

  /* Container */
  --container-w: 1200px;
  --container-pad: 24px;
}

html, body {
  background: var(--background);
  color: var(--text);
  font-family: var(--font-body);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Emerald Cricket theme-specific utility accents */
.eyebrow-accent { color: var(--accent); }
.bg-accent { background: var(--accent); color: var(--inverse); }
.border-accent { border-color: var(--accent); }