/*
 * Oxalis Auth — Custom Theme
 * ─────────────────────────────────────────────────────────────────────────────
 * Generated by: php artisan vendor:publish --tag=oxalis-theme
 * Published to: public/vendor/oxalis/theme.css
 *
 * Activate with: OXALIS_THEME=custom in your .env
 *
 * All values below are the defaults from the "indigo" preset.
 * Uncomment and change any variable to override.
 * Save → reload — no build step required.
 *
 * Tip: set OXALIS_PRIMARY_COLOR=#hexvalue in .env to auto-derive
 *      --ox-dk, --ox-sf, and --ox-btn-fg from a single color.
 * ─────────────────────────────────────────────────────────────────────────────
 */

[data-ox-theme=custom] {

    /* ── Primary brand color ─────────────────────────────────────────────── */
    --ox: #5c6ac4;                       /* main accent / brand color */
    --ox-dk: #4959b8;                    /* darker variant (hover states) */
    --ox-sf: rgba(92, 106, 196, 0.12);   /* soft fill (focus rings, hover bgs) */

    /* ── Shape ───────────────────────────────────────────────────────────── */
    --ox-r: 14px;           /* border-radius for cards, inputs, badges, avatars */

    /* ── Buttons ─────────────────────────────────────────────────────────── */
    --ox-btn-fg: #fff;      /* button text/icon color — use #000 for light primaries */
    --ox-btn-radius: 50rem; /* pill = 50rem | rounded = 8px | square = 0px */

    /* ── Typography ──────────────────────────────────────────────────────── */
    --ox-font: system-ui, -apple-system, sans-serif;
    /* Monospace alternative: 'Courier New', Courier, monospace */

    /* ── Page background ─────────────────────────────────────────────────── */
    --ox-body-bg: #f0f2fd;
    --bs-body-bg: #f0f2fd;

    /* ── Card ────────────────────────────────────────────────────────────── */
    --bs-card-bg: #ffffff;
    --bs-border-color: #e1e5ff;

    /* ── Text ────────────────────────────────────────────────────────────── */
    --bs-body-color: #1a1f36;
    --bs-secondary-color: #6b7280;  /* labels, placeholders, hints */
}

/* ── Dark mode ───────────────────────────────────────────────────────────────
 * Uncomment to add a dark variant of your custom theme.
 *
[data-ox-theme=custom][data-bs-theme=dark] {
    --bs-body-bg: #0d0f18;
    --bs-card-bg: #181b2a;
    --bs-border-color: #252840;
    --ox-body-bg: #0d0f18;
    --bs-body-color: #e2e4f0;
    --bs-secondary-color: #8891b4;
}
*/

/* ── Split layout — brand panel ──────────────────────────────────────────────
 * Used when OXALIS_LAYOUT=split.
 * The left brand panel inherits --ox / --ox-dk by default.
 * Uncomment to customise.
 *
.ox-split-brand {
    background: linear-gradient(135deg, var(--ox) 0%, var(--ox-dk) 100%);
    color: var(--ox-btn-fg, #fff);
}
*/

/* ── Additional overrides ────────────────────────────────────────────────────
 * Add any extra rules below. They are scoped to your custom theme selector
 * or can target .ox-card, .btn-ox, .form-control, etc. directly.
 */