@import url("https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,300;0,9..144,400;0,9..144,600;1,9..144,300&family=DM+Sans:wght@300;400;500&display=swap");

:root,
[data-theme="mykitchyn"] {
    color-scheme: light;

    --font-body: "DM Sans", ui-sans-serif, system-ui, sans-serif;
    --font-heading: "Fraunces", Georgia, serif;

    /* DaisyUI base theme tokens */
    --color-base-100: #ffffff;
    --color-base-200: #faf7f3;
    --color-base-300: #eadfd2;
    --color-base-content: #1a1109;

    --color-primary: #e8956a;
    --color-primary-content: #ffffff;

    --color-secondary: #8c6a4a;
    --color-secondary-content: #ffffff;

    --color-accent: #e8956a;
    --color-accent-content: #ffffff;

    --color-neutral: #1a1109;
    --color-neutral-content: #ffffff;

    --color-info: #3b82f6;
    --color-info-content: #ffffff;

    --color-success: #2d7a3a;
    --color-success-content: #ffffff;

    --color-warning: #c07820;
    --color-warning-content: #ffffff;

    --color-error: #c0392b;
    --color-error-content: #ffffff;

    --radius-selector: 0.5rem;
    --radius-field: 0.75rem;
    --radius-box: 1rem;

    --border: 1px;
}

html,
body {
    font-family: var(--font-body);
    color: var(--color-base-content);
    background: var(--color-base-200);
}

/* Keep help text quiet, regardless of Labb label/text defaults */
.form-help {
    margin-top: 0.25rem;
    font-size: 0.75rem;
    line-height: 1.25;
    font-weight: 400;
    color: color-mix(in srgb, var(--color-base-content) 55%, transparent);
}

/* Optional: keep normal field labels strong but not huge */
.form-label {
    display: block;
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--color-base-content);
}

/* Optional: section polish */
.form-section {
    border: 1px solid color-mix(in srgb, var(--color-base-content) 10%, transparent);
    background: var(--color-base-100);
    border-radius: 1rem;
    padding: 1.5rem;
    box-shadow: 0 1px 3px rgb(0 0 0 / 0.08);
}

.font-heading {
    font-family: var(--font-heading);
}

.font-body {
    font-family: var(--font-body);
}