/* ============================================
   NG Survey Dashboard — Theme Variables
   Change these values to rebrand the entire app.
   ============================================ */

:root {
    /* Primary Colors */
    --color-primary: #007bff;
    --color-primary-hover: #0056b3;
    --color-success: #28a745;
    --color-success-hover: #218838;
    --color-danger: #d9534f;
    --color-danger-hover: #c9302c;
    --color-warning: #ffc107;
    --color-info: #17a2b8;
    --color-info-hover: #138496;
    --color-purple: #3f51b5;

    /* Backgrounds */
    --color-bg: #f8f9fa;
    --color-bg-alt: #f4f7f6;
    --color-surface: #ffffff;
    --color-surface-alt: #fafafa;

    /* Text */
    --color-text: #333333;
    --color-text-muted: #555555;
    --color-text-light: #666666;
    --color-text-very-light: #999999;

    /* Borders */
    --color-border: #ddd;
    --color-border-light: #eee;

    /* Typography */
    --font-family: 'Segoe UI', Arial, sans-serif;
    --font-size-base: 13px;
    --font-size-small: 11px;
    --font-size-smaller: 12px;
    --font-size-heading: 18px;

    /* Spacing */
    --spacing-xs: 4px;
    --spacing-sm: 8px;
    --spacing-md: 15px;
    --spacing-lg: 20px;
    --spacing-xl: 40px;

    /* Borders & Shadows */
    --radius: 4px;
    --radius-lg: 8px;
    --shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
    --shadow-lg: 0 4px 15px rgba(0, 0, 0, 0.05);
}

/* ============================================
   Base Styles
   ============================================ */

body {
    font-family: var(--font-family);
    margin: 0;
    padding: var(--spacing-lg);
    font-size: var(--font-size-base);
    background-color: var(--color-bg);
    color: var(--color-text);
}

a {
    color: var(--color-primary);
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}