/* Placeholder skin CSS - Add your theme styles here */
/* Color schemes, themes, etc. */

:root {
    --theme-primary: 886ab5;
    --theme-primary-light: beaed7;
    --theme-primary-dark: 563d7c;
    --theme-secondary: 97b56a;
    --theme-accent: dad0e8;
    --theme-bg: #f8f9fa;
    --theme-bg-light: #ffffff;
    --theme-bg-dark: #e9ecef;
    --theme-text: #ffffff;
    --theme-text-muted: #6c757d;
    --theme-border: #dee2e6;
    --theme-success: #28a745;
    --theme-danger: #dc3545;
    --theme-warning: #ffc107;
    --theme-info: #17a2b8;
}

.text-primary { color: var(--theme-primary) !important; }
a { color: var(--theme-primary); }
a:hover { color: var(--theme-primary-dark); }
.navbar, .header { background: linear-gradient(135deg, var(--theme-primary) 0%, var(--theme-primary-dark) 100%); }
.card-header, .modal-header { background: linear-gradient(135deg, var(--theme-primary) 0%, var(--theme-primary-dark) 100%); color: white; }
.border-primary { border-color: var(--theme-primary) !important; }