:root {
    /* Greens */
    --tt-green-deep: #022c22;
    --tt-green-main: #065f46;
    --tt-green-soft: #10b981;
    --tt-green-mint: #d1fae5;
    /* Neutrals */
    --tt-bg-page: #0f172a; /* page bg behind layout */
    --tt-bg-light: #f3f4f6; /* general light grey */
    --tt-bg-card: #f9fafb; /* cards */
    --tt-border-soft: #e5e7eb;
    /* Text */
    --tt-text-main: #022c22;
    --tt-text-muted: #6b7280;
    /* Accent */
    --tt-accent-blue: #0ea5e9;
    --tt-surface: #fdfdfd;
    --tt-surface-muted: #f8f9fa;
    --tt-header-bg: #20232a;
    --tt-header-border: #343a40;
    --tt-text: #212529;
    --tt-text-muted: #6c757d;
    --tt-border: #ced4da;
    --tt-primary: #4a90e2;
    --tt-primary-rgb: 74, 144, 226;
    --tt-success: #198754;
    --tt-success-hover: #157347;
    --tt-radius: 8px;
    --tt-radius-lg: 12px;
    --tt-shadow-lg: 0 0 40px rgba(0, 0, 0, 0.08);
    --tt-shadow-pop: 0 10px 30px rgba(0, 0, 0, 0.20);
    --tt-btn-radius: 10px;
    --tt-btn-pad-y: .55rem;
    --tt-btn-pad-x: 1.15rem;
    --tt-btn-font: 600;
    --tt-danger: #dc3545;
    --tt-danger-hover: #bb2d3b;
    --tt-secondary: #6c757d;
    --tt-secondary-hover: #5c636a;
}