/* Site-specific theme for dupe.sh */
:root {
    /* Typography */
    --font-size-base: 16px;
    --font-size-post: 16px;
    --font-size-post-h1: 1.8em;
    --font-size-post-metadata: 0.9em;
    --line-height-post: 1.6;

    /* Primary palette */
    --color-primary: #3498db;
    --color-primary-dark: #2471a3;
    --color-accent: #4a6baf;

    /* Background colors */
    --color-bg: #f0f4fc;
    --color-bg-card: #ffffff;
    --color-bg-highlight: #dae1f0;
    --color-bg-highlight-dark: #a1b3cc;
    --color-bg-hover: #e0ecfa;
    --color-bg-active: #d0e3f9;

    /* Text colors */
    --color-text: #333333;
    --color-text-muted: #6b7280;
    --color-text-inverse: #ffffff;

    /* Border colors */
    --color-border: #e5e7eb;
    --color-border-light: #eee;
    --color-border-dark: #ddd;

    /* Status colors */
    --color-error: #c0392b;
    --color-success: #27ae60;
    --color-warning: #f39c12;

    /* Chart colors - shades of primary palette */
    --color-chart-1: #1a5276;
    --color-chart-2: #2471a3;
    --color-chart-3: #3498db;
    --color-chart-4: #5dade2;
    --color-chart-5: #85c1e9;
    --color-chart-6: #aed6f1;
    --color-chart-7: #4a6baf;
    --color-chart-8: #7b9fd4;

    /* Shadows */
    --shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.1);
    --shadow-md: 0 4px 8px rgba(0, 0, 0, 0.1);
    --shadow-lg: 0 4px 12px rgba(0, 0, 0, 0.15);
}