:root {
    /* DevHub Colors */
    --color-bg: #0a0e17;
    /* Very Dark Blue/Black */
    --color-bg-secondary: #111827;
    /* Slightly lighter for cards */
    --color-text: #f3f4f6;
    /* Off-white */
    --color-text-muted: #9ca3af;
    --color-primary: #3b82f6;
    /* Standard Blue */
    --color-primary-glow: #60a5fa;
    --color-accent: #06b6d4;
    /* Cyan */
    --color-accent-glow: #22d3ee;

    /* Union Group Brand Colors */
    --color-group-primary: #2563eb;
    /* Professional Blue */
    --color-group-secondary: #10b981;
    /* Green accent from logo */
    --color-group-dark: #1e293b;

    /* UnionShip Colors (Maritime/Ocean Theme) */
    --color-ship-primary: #0284c7;
    /* Ocean Blue */
    --color-ship-secondary: #0891b2;
    /* Cyan Blue */
    --color-ship-accent: #0ea5e9;
    /* Sky Blue */
    --color-ship-dark: #0c4a6e;
    --color-ship-light: #e0f2fe;

    /* Union & Co Colors (Blue Theme) */
    --color-construction-primary: #3b82f6;
    /* Blue-500 */
    --color-construction-secondary: #06b6d4;
    /* Cyan-500 */
    --color-construction-accent: #60a5fa;
    /* Blue-400 */
    --color-construction-dark: #1e3a8a;
    /* Blue-900 */

    /* Union Trading Corporation Colors (Green/Global Theme) */
    --color-trading-primary: #10b981;
    /* Emerald-500 */
    --color-trading-secondary: #3b82f6;
    /* Blue-500 */
    --color-trading-accent: #34d399;
    /* Emerald-400 */
    --color-trading-dark: #064e3b;
    /* Emerald-900 */

    /* Gradients */
    --gradient-hero: linear-gradient(135deg, #0a0e17 0%, #1e3a8a 100%);
    --gradient-text: linear-gradient(to right, #60a5fa, #22d3ee);
    --gradient-card: linear-gradient(145deg, rgba(17, 24, 39, 0.8), rgba(31, 41, 55, 0.4));
    --gradient-ship: linear-gradient(135deg, #0284c7 0%, #0891b2 100%);
    --gradient-construction: linear-gradient(135deg, #3b82f6 0%, #06b6d4 100%);
    --gradient-trading: linear-gradient(135deg, #10b981 0%, #3b82f6 100%);

    /* Typography */
    --font-heading: 'Outfit', sans-serif;
    --font-body: 'Inter', sans-serif;

    /* Spacing */
    --spacing-xs: 0.5rem;
    --spacing-sm: 1rem;
    --spacing-md: 2rem;
    --spacing-lg: 4rem;
    --spacing-xl: 8rem;

    /* Effects */
    --shadow-glow: 0 0 20px rgba(59, 130, 246, 0.5);
    --shadow-ship: 0 0 20px rgba(2, 132, 199, 0.5);
    --shadow-construction: 0 0 20px rgba(59, 130, 246, 0.5);
    --backdrop-blur: blur(10px);
    --border-glass: 1px solid rgba(255, 255, 255, 0.1);
    --radius-sm: 4px;
    --radius-md: 8px;
    --radius-lg: 16px;
    --radius-full: 9999px;
}