:root {
    /* Corporate Color Palette */
    --color-dark: #001219;
    --color-teal-dark: #005F73;
    --color-teal: #0A9396;
    --color-mint: #94D2BD;
    --color-cream: #E9D8A6;
    --color-yellow: #EE9B00;
    --color-orange: #CA6702;
    --color-orange-dark: #BB3E03;
    --color-red-dark: #AE2012;
    --color-red: #9B2226;

    /* Gradients */
    --primary-gradient: linear-gradient(135deg, #005F73 0%, #0A9396 100%);
    --secondary-gradient: linear-gradient(135deg, #94D2BD 0%, #0A9396 100%);
    --warm-gradient: linear-gradient(135deg, #EE9B00 0%, #CA6702 100%);
    --danger-gradient: linear-gradient(135deg, #BB3E03 0%, #9B2226 100%);

    /* UI Colors */
    --dark-bg: #001219;
    --card-bg: rgba(0, 95, 115, 0.05);
    --glass-bg: rgba(0, 95, 115, 0.08);
    --border-glass: rgba(10, 147, 150, 0.2);
    --text-primary: #000000;
    --text-secondary: #6ea896;
    --text-muted: rgba(148, 210, 189, 0.7);
    --accent-primary: #0A9396;
    --accent-secondary: #94D2BD;
    --card-shadow: 0 8px 32px rgba(0, 18, 25, 0.4);
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* Sidebar notification badge on icon */
.todo-icon-badge {
    display: none;
    position: absolute;
    top: -5px;
    right: -6px;
    min-width: 16px;
    height: 16px;
    padding: 0 4px;
    border-radius: 8px;
    background: var(--danger-gradient);
    color: white;
    font-size: 0.6rem;
    font-weight: 700;
    line-height: 16px;
    text-align: center;
    box-shadow: 0 2px 6px rgba(155, 34, 38, 0.4);
}

.todo-icon-badge.visible {
    display: block;
}

body {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
    color: var(--text-primary);
    min-height: 100vh;
    overflow-x: hidden;
    position: relative;
}