/**
 * Minimal Preset
 * Clean, flat design with lots of whitespace, no shadows
 */

:root {
    --preset-radius-sm: 0;
    --preset-radius-md: 0;
    --preset-radius-lg: 0.25rem;
    --preset-radius-xl: 0.25rem;
    --preset-radius-2xl: 0.375rem;
    --preset-shadow: none;
    --preset-shadow-md: none;
    --preset-shadow-lg: none;
    --preset-font-heading: 'Inter', system-ui, sans-serif;
    --preset-font-body: 'Inter', system-ui, sans-serif;
}

/* Remove all shadows */
* {
    --tw-shadow: none !important;
    --tw-ring-shadow: none !important;
}

/* Cards */
.preset-card {
    border-radius: var(--preset-radius-lg);
    box-shadow: none;
    border: 1px solid rgb(229 231 235);
}

.preset-card:hover {
    border-color: var(--color-brand-300);
    transition: border-color 0.15s ease;
}

/* Buttons */
.preset-btn {
    border-radius: var(--preset-radius-lg);
    font-weight: 500;
    padding: 0.625rem 1.5rem;
    transition: all 0.1s ease;
    border: 2px solid transparent;
}

.preset-btn-primary {
    background: var(--color-brand-600);
}

.preset-btn-primary:hover {
    background: var(--color-brand-700);
}

.preset-btn-secondary {
    background: transparent;
    border-color: var(--color-brand-600);
    color: var(--color-brand-600);
}

.preset-btn-secondary:hover {
    background: var(--color-brand-50);
}

/* Hero section */
.preset-hero {
    background: var(--color-brand-600);
}

/* Flatten dark brand gradients (heroes, CTAs, icon containers, banners).
 * Light brand gradients (brand-50/100/200) and non-brand gradients (emerald,
 * green, gray overlays, etc.) are left untouched so dark text on light
 * backgrounds remains readable and image overlays are preserved. */
.bg-gradient-to-r[class~="from-brand-500"],
.bg-gradient-to-r[class~="from-brand-600"],
.bg-gradient-to-r[class~="from-brand-700"],
.bg-gradient-to-r[class~="from-brand-800"],
.bg-gradient-to-br[class~="from-brand-500"],
.bg-gradient-to-br[class~="from-brand-600"],
.bg-gradient-to-br[class~="from-brand-700"],
.bg-gradient-to-br[class~="from-brand-800"],
.bg-gradient-to-t[class~="from-brand-500"],
.bg-gradient-to-t[class~="from-brand-600"],
.bg-gradient-to-t[class~="from-brand-700"],
.bg-gradient-to-t[class~="from-brand-800"] {
    background-image: none !important;
    background-color: var(--color-brand-600);
}

/* Navigation */
.preset-nav {
    background: white;
    border-bottom: 1px solid rgb(229 231 235);
}

/* Input fields */
.preset-input {
    border-radius: 0;
    border: none;
    border-bottom: 2px solid rgb(209 213 219);
    padding-left: 0;
    padding-right: 0;
}

.preset-input:focus {
    border-bottom-color: var(--color-brand-600);
    outline: none;
}

/* Badges */
.preset-badge {
    border-radius: 0;
    font-weight: 500;
    border: 1px solid currentColor;
    background: transparent !important;
}

/* Extra spacing */
.preset-section {
    padding-top: 4rem;
    padding-bottom: 4rem;
}

/* Thin borders */
.preset-border {
    border-width: 1px;
}