/* =========================
   ShipWorkflow Theme
   Professional Workflow Automation Brand
   ========================= */

/* =========================
   Theme Variables
   ========================= */
:root {
    /* Primary Brand Colors */
    --primary-dark: #0b1714;
    /* Deep near-black - main background */
    --primary-accent: #14ec80;
    /* Mint green - CTAs, highlights, stats */

    /* Secondary Colors */
    --accent-hover: #0fd46f;
    /* Slightly darker mint for hover states */
    --accent-soft: #6ff5b0;
    /* Lighter mint for subtle highlights */

    /* Neutral Colors */
    --text-primary: #f0f1e8;
    /* Main text (warm cream) */
    --text-secondary: #0b1714;
    /* Muted text */
    --card-bg: #1c2a26;
    /* Dark card background (updated for theme) */
    --border-subtle: #1c2a26;
    /* Subtle borders on dark bg */

    /* Base Colors */
    --white: #ffffff;
    --black: #000000;

    /* Accent States */
    --warning: #f59e0b;
    /* Keep if needed */
    --error: #ef4444;
    /* Errors only */

    /* Legacy colors for compatibility - Mapped to ShipWorkflow Theme */
    --navy-primary: var(--primary-dark);
    --navy-light: #334155;
    --ocean-blue: #0ea5e9;
    --gray-light-bg: #26332e;
    --gray-medium: #64748b;
    --gray-medium-border: var(--border-subtle);
    --success-green: var(--primary-accent);
    --error-red: var(--error);
    --warning-orange: var(--warning);
    --accent-teal: #0ea5e9;
    --charcoal: var(--text-primary);

    /* Bootstrap Variable Overrides - Updated for Theme */
    --bs-primary: var(--primary-accent);
    --bs-primary-rgb: 20, 236, 128;
    --bs-secondary: var(--ocean-blue);
    --bs-secondary-rgb: 14, 165, 233;
    --bs-success: var(--primary-accent);
    --bs-success-rgb: 20, 236, 128;
    --bs-danger: var(--error-red);
    --bs-danger-rgb: 239, 68, 68;
    --bs-warning: var(--warning);
    --bs-warning-rgb: 245, 158, 11;
    --bs-info: var(--accent-teal);
    --bs-info-rgb: 14, 165, 233;

    --bs-body-bg: var(--primary-dark);
    --bs-body-color: var(--text-primary);
    --bs-white: var(--white);
    --bs-black: var(--black);
    --bs-gray-100: var(--gray-light-bg);
    --bs-gray-200: var(--gray-medium-border);
    --bs-gray-500: var(--gray-medium);
    --bs-gray-900: var(--primary-dark);

    /* Border Radius */
    --radius-sm: 6px;
    --radius-md: 10px;
    --radius-lg: 14px;
    --radius-xl: 20px;

    --bs-border-radius-sm: var(--radius-sm);
    --bs-border-radius: var(--radius-md);
    --bs-border-radius-lg: var(--radius-lg);
    --bs-border-radius-xl: var(--radius-xl);

    /* Transitions */
    --transition-fast: 0.2s ease;
    --transition-base: 0.35s cubic-bezier(0.4, 0, 0.2, 1);
    --transition-slow: 0.5s cubic-bezier(0.4, 0, 0.2, 1);

    /* Spacing */
    --spacing-xs: 0.25rem;
    --spacing-sm: 0.5rem;
    --spacing-md: 1rem;
    --spacing-lg: 1.5rem;
    --spacing-xl: 2rem;
    --spacing-2xl: 3rem;

    /* Typography */
    --font-size-xs: 0.75rem;
    --font-size-sm: 0.875rem;
    --font-size-base: 1rem;
    --font-size-lg: 1.125rem;
    --font-size-xl: 1.25rem;
    --font-size-2xl: 1.5rem;
    --font-size-3xl: 1.875rem;
    --font-size-4xl: 2.25rem;

    /* Nav Pills Override */
    --bs-nav-link-hover-color: var(--accent-soft) !important;
    --bs-nav-pills-link-active-bg: var(--primary-accent) !important;
    --bs-nav-pills-link-active-color: var(--white);
    --bs-nav-pills-border-radius: var(--radius-md);

    /* Button Active State */
    --bs-btn-active-bg: var(--primary-accent); 
   --font-heading: 'Space Grotesk', sans-serif;
   --font-body: 'Inter', sans-serif;
   --font-mono: 'JetBrains Mono', monospace;
}