/**
 * =========================================
 * COLOR TOKENS - Dark Luxury Gaming Theme
 * =========================================
 *
 * Design System: Dark backgrounds with gold accents
 * Based on #2ECC71 (emerald green) and black/gold luxury palette
 */

:root {
	/* ============================================
	 * PRIMITIVE COLOR TOKENS (Raw values)
	 * ============================================ */

	/* Black & Neutral Scale */
	--primitive-black: #000000;
	--primitive-neutral-900: #0f0f1f;  /* Near black with slight blue tint */
	--primitive-neutral-800: #1a1a2e;  /* Very dark blue-black */
	--primitive-neutral-700: #252538;  /* Dark slate */
	--primitive-neutral-600: #2c2c42;  /* Medium dark slate */
	--primitive-neutral-500: #3d3d5c;  /* Medium slate */
	--primitive-neutral-400: #5a5a7a;  /* Light slate */
	--primitive-neutral-300: #8080a0;  /* Lighter slate */
	--primitive-neutral-200: #adadc9;  /* Very light slate */
	--primitive-neutral-100: #d4d4e3;  /* Almost white slate */
	--primitive-neutral-50: #f5f5fa;   /* Off-white */
	--primitive-white: #ffffff;

	/* Gold/Yellow Scale (Primary accent) */
	--primitive-gold-900: #4a3800;     /* Deep bronze */
	--primitive-gold-800: #7a5c00;     /* Dark gold */
	--primitive-gold-700: #a67c00;     /* Medium gold */
	--primitive-gold-600: #d4a017;     /* Rich gold */
	--primitive-gold-500: #e7ca93;     /* Bright gold (main) */
	--primitive-gold-400: #fdd970;     /* Light gold */
	--primitive-gold-300: #fee599;     /* Lighter gold */
	--primitive-gold-200: #fef0c2;     /* Pale gold */
	--primitive-gold-100: #fffae6;     /* Very pale gold */

	/* Green Scale (Secondary accent - from #2ECC71) */
	--primitive-green-900: #0d3d24;    /* Deep forest green */
	--primitive-green-800: #166534;    /* Dark green */
	--primitive-green-700: #15803d;    /* Medium green */
	--primitive-green-600: #16a34a;    /* Bright green */
	--primitive-green-500: #2ECC71;    /* Main green */
	--primitive-green-400: #4ade80;    /* Light green */
	--primitive-green-300: #86efac;    /* Lighter green */
	--primitive-green-200: #bbf7d0;    /* Pale green */
	--primitive-green-100: #dcfce7;    /* Very pale green */

	/* Purple Scale (Tertiary - gaming aesthetic) */
	--primitive-purple-900: #2d1b4e;   /* Deep purple */
	--primitive-purple-800: #3d2766;   /* Dark purple */
	--primitive-purple-700: #4c3380;   /* Medium dark purple */
	--primitive-purple-600: #5b3f99;   /* Medium purple */
	--primitive-purple-500: #6c5ce7;   /* Bright purple (main) */
	--primitive-purple-400: #8b7aee;   /* Light purple */
	--primitive-purple-300: #a99df5;   /* Lighter purple */
	--primitive-purple-200: #c7c1fb;   /* Pale purple */
	--primitive-purple-100: #e5e3ff;   /* Very pale purple */

	/* Utility Colors */
	--primitive-red-600: #dc2626;      /* Error red */
	--primitive-red-500: #ef4444;      /* Warning red */
	--primitive-orange-500: #f97316;   /* Warning orange */
	--primitive-blue-500: #3b82f6;     /* Info blue */
	--primitive-cyan-500: #06b6d4;     /* Link cyan */


	/* ============================================
	 * SEMANTIC COLOR TOKENS (Purpose-based)
	 * ============================================ */

	/* Background Colors */
	--color-bg-primary: var(--primitive-neutral-900);       /* Main background */
	--color-bg-secondary: var(--primitive-neutral-800);     /* Secondary background */
	--color-bg-tertiary: var(--primitive-neutral-700);      /* Cards, panels */
	--color-bg-elevated: var(--primitive-neutral-600);      /* Elevated surfaces */
	--color-bg-overlay: rgba(0, 0, 0, 0.85);                /* Modal overlays */
	--color-bg-glass: rgba(31, 31, 47, 0.7);                /* Glassmorphism */

	/* Text Colors */
	--color-text-primary: var(--primitive-neutral-50);      /* Main text */
	--color-text-secondary: var(--primitive-neutral-200);   /* Secondary text */
	--color-text-tertiary: var(--primitive-neutral-300);    /* Muted text */
	--color-text-disabled: var(--primitive-neutral-400);    /* Disabled text */
	--color-text-inverse: var(--primitive-neutral-900);     /* Text on light bg */

	/* Brand Colors */
	--color-brand-primary: var(--primitive-gold-500);       /* Main brand - gold */
	--color-brand-secondary: var(--primitive-green-500);    /* Secondary - green */
	--color-brand-tertiary: var(--primitive-purple-500);    /* Tertiary - purple */

	/* Accent Colors */
	--color-accent-gold: var(--primitive-gold-500);         /* Gold highlights */
	--color-accent-gold-dark: var(--primitive-gold-700);    /* Dark gold */
	--color-accent-gold-light: var(--primitive-gold-300);   /* Light gold */
	--color-accent-green: var(--primitive-green-500);       /* Green highlights */
	--color-accent-purple: var(--primitive-purple-500);     /* Purple highlights */

	/* Interactive States */
	--color-interactive-default: var(--primitive-gold-500);
	--color-interactive-hover: var(--primitive-gold-400);
	--color-interactive-active: var(--primitive-gold-600);
	--color-interactive-disabled: var(--primitive-neutral-500);
	--color-interactive-focus: var(--primitive-gold-300);

	/* Feedback Colors */
	--color-success: var(--primitive-green-500);
	--color-success-bg: var(--primitive-green-900);
	--color-success-text: var(--primitive-green-300);

	--color-error: var(--primitive-red-500);
	--color-error-bg: rgba(220, 38, 38, 0.1);
	--color-error-text: #fca5a5;

	--color-warning: var(--primitive-orange-500);
	--color-warning-bg: rgba(249, 115, 22, 0.1);
	--color-warning-text: #fdba74;

	--color-info: var(--primitive-blue-500);
	--color-info-bg: rgba(59, 130, 246, 0.1);
	--color-info-text: #93c5fd;

	/* Border Colors */
	--color-border-default: var(--primitive-neutral-600);
	--color-border-hover: var(--primitive-gold-500);
	--color-border-focus: var(--primitive-gold-400);
	--color-border-disabled: var(--primitive-neutral-700);
	--color-border-subtle: var(--primitive-neutral-700);

	/* Shadow Colors */
	--color-shadow-sm: rgba(0, 0, 0, 0.1);
	--color-shadow-md: rgba(0, 0, 0, 0.2);
	--color-shadow-lg: rgba(0, 0, 0, 0.3);
	--color-shadow-gold: rgba(252, 211, 77, 0.2);      /* Gold glow */
	--color-shadow-green: rgba(46, 204, 113, 0.2);     /* Green glow */
	--color-shadow-purple: rgba(108, 92, 231, 0.2);    /* Purple glow */

	/* Gradient Presets */
	--gradient-primary: linear-gradient(135deg, var(--primitive-neutral-900) 0%, var(--primitive-neutral-800) 100%);
	--gradient-gold: linear-gradient(135deg, var(--primitive-gold-600) 0%, var(--primitive-gold-400) 100%);
	--gradient-green: linear-gradient(135deg, var(--primitive-green-600) 0%, var(--primitive-green-400) 100%);
	--gradient-purple: linear-gradient(135deg, var(--primitive-purple-600) 0%, var(--primitive-purple-400) 100%);
	--gradient-glass: linear-gradient(135deg, rgba(31, 31, 47, 0.8) 0%, rgba(31, 31, 47, 0.6) 100%);
}