/* Splintr Theme: Ember
 * The original Splintr look — dark with red geometric accents.
 */

:root {
    /* Primary colors - red from the Splintr geometric logo */
    --primary-color: #cc3c28;
    --primary-hover: #a82e1e;
    --primary-light: rgba(204, 60, 40, 0.15);

    /* Secondary */
    --secondary-color: #6b6b6b;
    --secondary-hover: #555555;

    /* Status */
    --success-color: #2ea043;
    --danger-color: #dc3545;
    --warning-color: #d4a017;
    --info-color: #3a8bbd;

    /* Backgrounds */
    --header-bg-color: #000000;
    --bg-color: #111111;
    --bg-secondary: #1a1a1a;
    --bg-tertiary: #242424;
    --bg-image: none;
    --sidebar-bg: rgba(20, 20, 20, 0.95);
    --sidebar-bg-header: #000000;

    /* Text */
    --text-color: #ebe1d2;
    --text-muted: #8a8078;
    --text-light: #ebe1d2;

    /* Borders */
    --border-color: #2a2a2a;
    --box-shadow: 0 2px 8px rgba(0, 0, 0, 0.4);

    /* Gradients */
    --gradient-primary: linear-gradient(135deg, #cc3c28 0%, #a0281e 100%);
    --gradient-header: linear-gradient(135deg, #0d0d0d 0%, #1a1a1a 100%);
    --gradient-card: linear-gradient(135deg, #1a1a1a 0%, #141414 100%);

    /* Component-specific */
    --header-border: #2a2020;
    --input-bg: rgba(30, 30, 30, 0.8);
    --input-border: #333333;
    --modal-overlay: rgba(0, 0, 0, 0.7);
    --modal-shadow: 0 10px 30px rgba(0, 0, 0, 0.6);
}