/* Vivedis Core Design System - Shared CSS */
:root {
    --bg-canvas: #fafafa;
    --text-main: #333;
    --text-muted: #7f8c8d;
    --white: #ffffff;
    --navy: #2c3e50;
    --accent-blue: #2563eb;
    --accent-orange: #ea580c;
    --accent-green: #166534;
    --accent-teal: #0d9488;
    --border-light: #e2e8f0;
}
body { 
    font-family: 'Quicksand', sans-serif; 
    line-height: 1.6; 
    color: var(--text-main); 
    background-color: var(--bg-canvas);
    margin: 0;
}
h1, h2, h3, .serif { font-family: 'Lora', serif; color: var(--navy); }
.card {
    background: var(--white);
    border: 1px solid var(--border-light);
    border-radius: 12px;
    padding: 25px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.03);
}
.btn {
    display: inline-block;
    padding: 12px 24px;
    border-radius: 8px;
    font-weight: 700;
    text-decoration: none;
    cursor: pointer;
    border: none;
    transition: transform 0.1s;
}
.btn-primary { background: var(--accent-orange); color: white; }
.btn-navy { background: var(--navy); color: white; }