:root {
    --background: 216 40% 7%;
    --foreground: 200 20% 90%;
    --card: 216 35% 10%;
    --card-foreground: 200 20% 90%;
    --popover: 216 35% 10%;
    --popover-foreground: 200 20% 90%;
    --primary: 180 100% 45%;
    --primary-foreground: 216 40% 7%;
    --secondary: 216 30% 15%;
    --secondary-foreground: 200 20% 90%;
    --muted: 216 25% 14%;
    --muted-foreground: 210 15% 55%;
    --accent: 180 80% 40%;
    --accent-foreground: 216 40% 7%;
    --destructive: 0 84.2% 60.2%;
    --destructive-foreground: 210 40% 98%;
    --border: 216 25% 18%;
    --input: 216 25% 18%;
    --ring: 180 100% 45%;
    --radius: .5rem;
    --sidebar-background: 216 35% 10%;
    --sidebar-foreground: 200 20% 90%;
    --sidebar-primary: 180 100% 45%;
    --sidebar-primary-foreground: 216 40% 7%;
    --sidebar-accent: 216 30% 15%;
    --sidebar-accent-foreground: 200 20% 90%;
    --sidebar-border: 216 25% 18%;
    --sidebar-ring: 180 100% 45%;
    --hero-gradient: linear-gradient(135deg, hsl(216 40% 5%) 0%, hsl(216 35% 12%) 50%, hsl(200 30% 10%) 100%);
    --glow-cyan: 0 0 30px hsl(180 100% 45% / .3);
    --section-alt: 216 30% 12%;
    --card-border-glow: 180 60% 30%;
}



.md-header {
    color: hsl(var(--foreground));
    border-color: hsl(var(--border));
    border-width: 0;
    border-bottom-width: 1px;
    border-style: solid;
}
.md-footer {    
    border-color: hsl(var(--border));
    border-width: 0;
    border-top-width: 1px;
    border-style: solid;
}

.md-grid {
    max-width: 85rem;
}

a:hover {text-decoration: underline;}

[data-md-color-scheme="default"] {
    
    /* 
    motyw jasny 
    */

    --md-primary-fg-color:  #217DBB;
    --md-default-bg-color: white;
    --md-accent-fg-color:  #217DBB;
    --md-typeset-a-color:  #217DBB;
    --md-footer-fg-color: hsl(var(--background));
}

[data-md-color-scheme="slate"] {
    /*
    motyw ciemny
    */
    --md-primary-fg-color: hsl(var(--background));
    --md-default-bg-color: hsl(var(--background));
    --md-accent-fg-color: #14b8b8;
    --md-typeset-a-color: hsl(var(--primary));
    --md-footer-fg-color: hsl(var(--background));
    --md-footer-bg-color--dark: hsl(var(--background));

    --md-footer-fg-color--light:hsl(var(--primary));
    --md-footer-fg-color:hsl(var(--primary));
}

/* 
motyw jasny 

    --md-primary-fg-color: #217dbb;
    --md-accent-fg-color: #ff6e42;

    motyw ciemny 
    --md-primary-fg-color: #217dbb;
    --md-accent-fg-color: #009485;
    */