:root {
    /* Metallic and industrial color scheme for CTM */
    --background: 0 0% 7%;
    --foreground: 0 0% 95%;

    --card: 0 0% 12%;
    --card-foreground: 0 0% 95%;

    --popover: 0 0% 10%;
    --popover-foreground: 0 0% 95%;

    /* Deep Navy Blue - primary brand color */
    --primary: 210 100% 15%;
    --primary-foreground: 0 0% 98%;

    /* Metallic Steel Gray */
    --secondary: 0 0% 25%;
    --secondary-foreground: 0 0% 98%;

    /* Laser Red - accent color from logo */
    --accent: 0 85% 55%;
    --accent-foreground: 0 0% 100%;

    --muted: 0 0% 18%;
    --muted-foreground: 0 0% 65%;

    --destructive: 0 84.2% 60.2%;
    --destructive-foreground: 0 0% 98%;

    --border: 0 0% 20%;
    --input: 0 0% 20%;
    --ring: 0 85% 55%;

    --radius: 0.5rem;

    /* Metallic gradients */
    --gradient-metallic: linear-gradient(135deg, hsl(0 0% 15%), hsl(0 0% 25%), hsl(0 0% 15%));
    --gradient-shine: linear-gradient(90deg, transparent, hsl(0 0% 40% / 0.3), transparent);
    --gradient-hero: linear-gradient(180deg, hsl(0 0% 7%), hsl(210 100% 10%));
    --gradient-accent: linear-gradient(135deg, hsl(0 85% 55%), hsl(0 85% 45%));

    /* Shadows with red glow */
    --shadow-red-glow: 0 0 30px hsl(0 85% 55% / 0.3);
    --shadow-metallic: 0 10px 40px hsl(0 0% 0% / 0.5);

    /* Transitions */
    --transition-smooth: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

* {
    border-color: hsl(var(--border));
}

body {
    background-color: hsl(var(--background));
    color: hsl(var(--foreground));
}