/*
 * Go Edit Photos design language: flat black ink on white paper, Montserrat
 * Sans, hairline rules, uppercase letter-spaced labels and pill buttons.
 * Static file on purpose: the host has no Node, so the Tailwind bundle can't be
 * rebuilt. Overriding the theme tokens re-skins every existing utility class.
 */
:root {
    --gep-text: #111111;
    --gep-muted: #6b6b6b;
    --gep-border: #e2e2e2;
    --gep-surface-2: #fafafa;
    --gep-surface-3: #eef1f6;
    --gep-gold: #b6952b;

    --font-sans: "Montserrat", system-ui, -apple-system, sans-serif;

    /* Accent becomes ink: primary buttons, links and focus rings go black. */
    --color-accent-50: #f4f4f4;
    --color-accent-100: #eaeaea;
    --color-accent-500: #333333;
    --color-accent-600: #111111;
    --color-accent-700: #000000;

    /* Neutral greys, warm and flat like the GEP palette. */
    --color-ink-50: #fafafa;
    --color-ink-100: #f2f2f2;
    --color-ink-200: #e2e2e2;
    --color-ink-300: #cfcfcf;
    --color-ink-400: #9a9a9a;
    --color-ink-500: #6b6b6b;
    --color-ink-600: #4a4a4a;
    --color-ink-700: #2e2e2e;
    --color-ink-800: #1a1a1a;
    --color-ink-900: #111111;
}

html, body { font-family: var(--font-sans); }
body { color: var(--gep-text); }

/* Flat: no drop shadows anywhere, just hairlines. */
.shadow-xs, .shadow-sm, .shadow, .shadow-md, .shadow-lg, .shadow-xl { box-shadow: none !important; }

/* Pill buttons. x-ui.button renders `rounded-md border ... whitespace-nowrap`. */
a.rounded-md.border.whitespace-nowrap,
button.rounded-md.border.whitespace-nowrap {
    border-radius: 999px;
    font-weight: 800;
    letter-spacing: .14em;
    text-transform: uppercase;
    font-size: 11px;
    padding-left: 1.15rem;
    padding-right: 1.15rem;
}
/* Icon-only ghost buttons (table row actions) stay compact. */
a.rounded-md.border.whitespace-nowrap.bg-transparent,
button.rounded-md.border.whitespace-nowrap.bg-transparent {
    letter-spacing: normal;
    padding-left: .6rem;
    padding-right: .6rem;
}
/* No hover colour swap on buttons: they keep their own colours. */

/* Small-caps label voice for table headers and eyebrows. */
th, .uppercase.tracking-wide {
    letter-spacing: .16em !important;
    font-weight: 800 !important;
    font-size: 10px !important;
}

/* Page titles: heavier, slightly tight. */
h1, h2 { letter-spacing: -.01em; }
h1.text-lg, h1.text-xl, h1.text-2xl { font-weight: 800; }

/* Sidebar nav: GEP small caps. */
aside nav a { font-weight: 600; }
aside nav p, aside .uppercase { letter-spacing: .2em !important; font-weight: 800 !important; font-size: 10px !important; }

/* Cards and inputs: hairline, slightly softer corners. */
.rounded-lg, .rounded-xl { border-radius: 14px; }
input:not([type="checkbox"]):not([type="radio"]), select, textarea { border-radius: 10px !important; }
input:focus, select:focus, textarea:focus { border-color: var(--gep-text) !important; box-shadow: 0 0 0 1px var(--gep-text) !important; }
input[type="checkbox"] { accent-color: var(--gep-text); color: var(--gep-text); }

/* Tailwind v4's preflight resets buttons to cursor: default; restore the hand. */
button, [type="button"], [type="submit"], [type="reset"], [role="button"], label[for], select,
input[type="checkbox"], input[type="radio"], summary { cursor: pointer; }
button:disabled, [disabled] { cursor: not-allowed; }