/**
 * ProRank SEO - Main Styles
 * Tailwind CSS v4 entry point
 */

/* Tailwind v4 imports — MUST come before other imports */
/* Skip preflight for WordPress admin compatibility */
@import "tailwindcss/theme" prefix(pr);
@import "tailwindcss/utilities" prefix(pr);

/* Content paths for Tailwind to scan (v4 CSS-first source config) */
@source "../../../src/**/*.{js,jsx,ts,tsx}";
@source "../../../includes/**/*.php";
@source "../../../templates/**/*.php";

/* Tailwind v4 CSS-first theme configuration */
@theme {
  --color-primary-50: #fff7ed;
  --color-primary-100: #ffedd5;
  --color-primary-200: #fed7aa;
  --color-primary-300: #fdba74;
  --color-primary-400: #fb923c;
  --color-primary-500: #ff6900;
  --color-primary-600: #e55a00;
  --color-primary-700: #c2410c;
  --color-primary-800: #9a3412;
  --color-primary-900: #7c2d12;

  --color-success-50: #ecfdf3;
  --color-success-100: #d1fae5;
  --color-success-200: #a7f3d0;
  --color-success-300: #6ee7b7;
  --color-success-400: #34d399;
  --color-success-500: #10b981;
  --color-success-600: #059669;
  --color-success-700: #047857;
  --color-success-800: #065f46;
  --color-success-900: #064e3b;

  --color-warning-50: #fffbeb;
  --color-warning-100: #fef3c7;
  --color-warning-200: #fde68a;
  --color-warning-300: #fcd34d;
  --color-warning-400: #fbbf24;
  --color-warning-500: #f59e0b;
  --color-warning-600: #d97706;
  --color-warning-700: #b45309;
  --color-warning-800: #92400e;
  --color-warning-900: #78350f;

  --color-error-50: #fef2f2;
  --color-error-100: #fee2e2;
  --color-error-200: #fecaca;
  --color-error-300: #fca5a5;
  --color-error-400: #f87171;
  --color-error-500: #ef4444;
  --color-error-600: #dc2626;
  --color-error-700: #b91c1c;
  --color-error-800: #991b1b;
  --color-error-900: #7f1d1d;

  --color-info-50: #eff6ff;
  --color-info-100: #dbeafe;
  --color-info-200: #bfdbfe;
  --color-info-300: #93c5fd;
  --color-info-400: #60a5fa;
  --color-info-500: #2563eb;
  --color-info-600: #1d4ed8;
  --color-info-700: #1e40af;
  --color-info-800: #1e3a8a;
  --color-info-900: #172554;
}

/* Border color compatibility: TW4 changes bare `border` default from gray-200 to currentColor */
@layer base {
  *,
  ::after,
  ::before {
    border-color: var(--color-gray-200, #e5e7eb);
  }
}

/* Import all modular CSS (includes layout, components, features) */
@import './index.css';

/* Import design tokens */
@import './shared/design-tokens.css';

/* Import component styles */
@import './premium-toggles.css';