/**
 * Xoro.pk — Theme Color Variables (Dark Mode Only)
 *
 * This file provides the CSS variables that the Tailwind config (in header.php)
 * references for all xoro-* color classes.
 *
 * The actual Tailwind utility classes are generated at runtime by the
 * Tailwind Play CDN loaded in header.php.
 *
 * NOTE: Light/white theme has been completely removed per store owner request.
 *       The theme is dark-only for a consistent premium luxury aesthetic.
 */

/* ============ DARK MODE (the only mode) ============ */
:root {
    --xoro-gold: #D4AF37;
    --xoro-gold-light: #e8c84a;
    --xoro-gold-rgb: 212, 175, 55;

    --xoro-bg: #000000;
    --xoro-card: #1a1a1a;
    --xoro-charcoal: #141414;
    --xoro-text: #ffffff;
    --xoro-muted: #888888;
    --xoro-border: #2a2a2a;

    --xoro-success: #22c55e;
    --xoro-error: #ef4444;
    --xoro-warning: #f59e0b;

    --xoro-input-bg: #1a1a1a;
    --xoro-input-border: #2a2a2a;
    --xoro-overlay: rgba(0,0,0,0.8);
}

/* ============ BODY DEFAULTS ============ */
body {
    background-color: var(--xoro-bg);
    color: var(--xoro-text);
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}