/* RegenOutreach Design Tokens
   Single source of truth for colours, gradients, and shared styles.
   Imported by base.html, base_clean.html, and landing.html.
*/

:root {
    /* Primary palette */
    --primary-color: #667eea;
    --primary-hover: #5a6fd6;
    --secondary-color: #764ba2;

    /* Gradients */
    --primary-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    --secondary-gradient: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
    --success-gradient: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);
    --warning-gradient: linear-gradient(135deg, #fa709a 0%, #fee140 100%);

    /* Backgrounds */
    --dark-bg: #1a1a2e;
    --sidebar-bg: linear-gradient(180deg, #1a1a2e 0%, #252542 100%);
    --content-bg: #f5f7fa;
    --footer-bg: linear-gradient(180deg, #1a1a2e 0%, #252542 100%);

    /* Borders & text */
    --border-color: #e0e0e0;
    --light-text: #f8f9fa;
    --muted-text: #6c757d;

    /* Font */
    --font-primary: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;

    /* Cards & components */
    --card-radius: 8px;
    --card-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    --card-shadow-hover: 0 4px 16px rgba(0, 0, 0, 0.12);
}

body {
    font-family: var(--font-primary);
}

.card {
    border-radius: var(--card-radius);
    box-shadow: var(--card-shadow);
}