/* =============================================================================
   Twindor Casino — design tokens (:root)
   Load after premium-ui.css; overrides in theme-override.css
   Cache-bust via ?v= in head.html when you change tokens.
   ============================================================================= */

:root {
  /* --- Canonical contract --- */
  --color-bg: #111416;
  --color-bg-secondary: #1a1e21;
  --color-surface: #202529;
  --color-surface-hover: #252b30;
  --color-surface-elevated: #252b30;

  --color-text: #ffffff;
  --color-heading: #ffffff;
  --color-muted: #c6cdd2;
  --color-subtle: #8b949b;
  --color-text-secondary: #c6cdd2;
  --color-text-muted: #8b949b;

  --color-primary: #c7e300;
  --color-primary-hover: #b6d000;
  --color-secondary: #8ae400;
  --color-secondary-hover: #76cc00;
  --color-link-hover: #d9f500;

  --color-border: #2c3338;
  --color-border-hover: #c7e300;
  --color-border-input: #2c3338;
  --color-white: #ffffff;
  --color-black: #000000;
  --color-cta-text: #111416;

  --color-placeholder: #8b949b;
  --color-focus-ring: rgba(199, 227, 0, 0.15);
  --color-focus-ring-strong: rgba(199, 227, 0, 0.35);
  --color-gradient-promo: linear-gradient(135deg, #1a1e21 0%, #202529 100%);
  --color-gradient-hero: linear-gradient(180deg, #1a1e21 0%, #111416 100%);

  /* Twindor-prefixed aliases */
  --twindor-primary: #c7e300;
  --twindor-secondary: #8ae400;
  --twindor-accent: #c7e300;

  /* Implementation tokens */
  --td-shadow-light: 0 2px 8px rgba(0, 0, 0, 0.12);
  --td-shadow-medium: 0 6px 16px rgba(0, 0, 0, 0.18);
  --td-shadow-card: 0 2px 8px rgba(0, 0, 0, 0.12);
  --td-shadow-card-hover: 0 6px 16px rgba(0, 0, 0, 0.18);
  --td-shadow-cta-hover: 0 6px 16px rgba(199, 227, 0, 0.18);

  --td-duration: 180ms;
  --td-ease: cubic-bezier(0.4, 0, 0.2, 1);
  --td-radius-sm: 8px;
  --td-radius-md: 12px;
  --td-radius-lg: 16px;
  --td-radius-pill: 999px;

  --td-accent-rgb: 199, 227, 0;

  /* Legacy bridge: premium-ui + twindor-base */
  --lc-premium-bg0: var(--color-bg);
  --lc-premium-bg1: var(--color-bg-secondary);
  --lc-premium-accent: var(--color-primary);
  --lc-premium-accent-hover: var(--color-link-hover);
  --lc-premium-glass: var(--color-surface);
  --lc-premium-border: var(--color-border);
  --lc-premium-text2: var(--color-muted);
  --lc-premium-muted: var(--color-subtle);
  --lc-premium-glow: rgba(var(--td-accent-rgb), 0.22);
  --lc-premium-success: #3d8f5a;

  --lc-bg: var(--color-bg);
  --lc-bg-alt: var(--color-bg-secondary);
  --lc-bg-card: var(--color-surface);
  --lc-gold: var(--color-primary);
  --lc-gold-bright: var(--color-link-hover);
  --lc-green: var(--lc-premium-success);
  --lc-text: var(--color-text);
  --lc-text-muted: var(--color-muted);
  --lc-border: var(--color-border);
  --lc-glass: rgba(32, 37, 41, 0.94);
  --lc-shadow: var(--td-shadow-card-hover);
  --lc-radius: var(--td-radius-md);
  --lc-radius-sm: var(--td-radius-sm);
  --lc-transition: var(--td-duration) var(--td-ease);
}