/*
Theme Name: Appointment SaaS Theme
Theme URI: https://example.com
Author: Berkay Yungevis
Author URI: https://example.com
Description: A SaaS-ready appointment booking theme with modern design using Tailwind CSS.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: appointment-theme
*/

/* 
 * This theme uses Tailwind CSS via CDN for simplicity in this MVP phase.
 * In production, you should compile Tailwind locally.
 */

:root {
    --bookalio-primary: #0f766e;
    --bookalio-ink: #0f172a;
    --bookalio-muted: #475569;
    --bookalio-bg: #f3f7f8;
}

body {
    background-color: var(--bookalio-bg);
    background-image:
        radial-gradient(circle at 14% 12%, rgba(15, 118, 110, 0.08) 0, rgba(15, 118, 110, 0) 42%),
        radial-gradient(circle at 88% 92%, rgba(245, 158, 11, 0.08) 0, rgba(245, 158, 11, 0) 40%);
    color: var(--bookalio-ink);
}

h1, h2, h3, h4, h5, h6 {
    font-family: "Sora", sans-serif;
    letter-spacing: -0.02em;
}

.bookalio-grid-bg {
    background-image:
        radial-gradient(circle at 14% 12%, rgba(15, 118, 110, 0.08) 0, rgba(15, 118, 110, 0) 42%),
        radial-gradient(circle at 88% 92%, rgba(245, 158, 11, 0.08) 0, rgba(245, 158, 11, 0) 40%),
        linear-gradient(rgba(15, 23, 42, 0.04) 1px, transparent 1px),
        linear-gradient(90deg, rgba(15, 23, 42, 0.04) 1px, transparent 1px);
    background-size: auto, auto, 28px 28px, 28px 28px;
}

.bookalio-card {
    border: 1px solid rgba(148, 163, 184, 0.2);
    box-shadow: 0 18px 50px -28px rgba(15, 23, 42, 0.3);
}

.bookalio-badge {
    border: 1px solid rgba(15, 118, 110, 0.25);
    background: rgba(15, 118, 110, 0.1);
    color: #0f766e;
}