@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@500;600;700&family=Quicksand:wght@400;500;600;700&display=swap');

:root {
    --color-ivory: #FFFDF8;
    --color-sand: #DDEFE8;
    --color-rose: #F4C7B8;
    --color-sage: #A8DCCB;
    --color-cocoa: #263D36;
    --color-terracotta: #E98973;
    --color-terracotta-hover: #D87560;
    --color-blue-soft: #C9E4F0;
    --color-grey-warm: #746B64;
    --color-white: #FFFFFF;
    --color-lavender: #D8C7E8;

    --font-heading: 'Playfair Display', Georgia, serif;
    --font-body: 'Quicksand', system-ui, sans-serif;

    --radius-card: 28px;
    --radius-image: 32px;
    --radius-button: 999px;
    --radius-input: 14px;

    --shadow-soft: 0 20px 50px rgba(38, 61, 54, 0.08);
    --shadow-card: 0 20px 50px rgba(38, 61, 54, 0.08);

    --border: rgba(220, 232, 227, 0.9);
    --border-line: rgba(220, 232, 227, 0.95);
    --border-input: #DCE8E3;
    --focus-ring: rgba(168, 220, 203, 0.35);
    --accent-dim: rgba(233, 137, 115, 0.12);
    --accent-subtle: rgba(233, 137, 115, 0.14);
    --accent-border: rgba(233, 137, 115, 0.45);
    --sage-subtle: rgba(168, 220, 203, 0.25);
    --sage-muted: rgba(168, 220, 203, 0.35);
    --sage-hover-bg: rgba(168, 220, 203, 0.18);
    --rose-subtle: rgba(244, 199, 184, 0.35);
    --rose-muted: rgba(244, 199, 184, 0.45);
    --status-success-text: #3D6B5C;
    --status-info-text: #4A7080;
    --btn-primary-shadow: 0 12px 28px rgba(233, 137, 115, 0.22);
    --admin-header-bg: var(--color-cocoa);

    --bg-deep: var(--color-ivory);
    --bg-card: var(--color-white);
    --bg-elevated: var(--color-ivory);
    --text: var(--color-cocoa);
    --text-muted: var(--color-grey-warm);
    --accent: var(--color-terracotta);
    --accent-hover: var(--color-terracotta-hover);
    --danger: #C45C5C;
    --success: var(--color-sage);
    --radius: var(--radius-card);
    --font-serif: var(--font-heading);
    --font-sans: var(--font-body);
}