:root {
    --bg: #f8fafc;
    --card: #ffffff;
    --text: #0f172a;
    --muted: #64748b;

    --primary: #f97316;
    --primary-hover: #ea580c;
    --accent: #ffedd5; /* Warm highlight tone */

    --border: #e2e8f0;
    --shadow:
        0 1px 2px rgba(0,0,0,0.04),
        0 8px 24px rgba(0,0,0,0.06);

    --radius: 20px; /* Clean, modern softened corner matrix */
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: 'Inter', sans-serif;
    color: var(--text);
    background:
        radial-gradient(circle at top left, #fff7ed 0%, transparent 30%),
        radial-gradient(circle at top right, #eff6ff 0%, transparent 35%),
        linear-gradient(to bottom, #f8fafc, #f1f5f9);
    min-height: 100vh;
    -webkit-font-smoothing: antialiased;
}

/* Use the premium serif for major presentation headers */
h1, h2, h3, .logo {
    font-family: 'Fraunces', serif;
    font-weight: 700;
    letter-spacing: -0.02em;
}