/*
 * Masari — theme tokens (black / gold brand palette).
 *
 * Single source of truth for the app's colours. The shell stylesheets
 * (admin.css / sales.css) and the per-page admin styles reference these via
 * var(--…). Values are unchanged from the original inline styles — this file
 * has no visual effect by itself; it just centralises them.
 */
:root {
    /* ── Brand ─────────────────────────────────────────────── */
    --brand-black:  #0a0a0a;
    --brand-gold:   #d4af37;
    --gold-rgb:     212, 175, 55;            /* components of --brand-gold, for rgba() tints */
    --gold-dark:    #b8941f;
    --gold-light:   #f4d76b;
    --gold-tint:    rgba(var(--gold-rgb), .15);
    --gold-border:  rgba(var(--gold-rgb), .25);

    /* ── Neutrals / surfaces (shell vocabulary) ────────────── */
    --white:        #ffffff;
    --surface:      #ffffff;                 /* panel / card backgrounds */
    --page-bg:      #f5f7fb;                 /* admin content background */
    --ink-muted:    #cbd5e1;                 /* light text on dark surfaces */
    --border-soft:  #e5e7eb;
    --border-dashed:#d1d5db;
    --th-bg:        #f9fafb;                 /* table header background */

    /* Sales mobile background gradient */
    --sales-bg-top:    #e0e7ef;
    --sales-bg-bottom: #cbd5e1;

    /* ── Page palette (vocabulary used by the per-page admin styles:
          --gold / --black / --gray-* / --red / --green / --amber / --blue).
          Promoted here so pages can drop their duplicated :root blocks. ── */
    --gold:        var(--brand-gold);
    --black:       var(--brand-black);
    --gray-50:     #f9fafb;
    --gray-100:    #f3f4f6;
    --gray-200:    #e5e7eb;
    --gray-400:    #9ca3af;
    --gray-500:    #6b7280;
    --gray-700:    #374151;
    --gray-900:    #1f2937;
    --green:       #047857;
    --green-light: #d1fae5;
    --red:         #dc2626;
    --red-light:   #fee2e2;
    --amber:       #d97706;
    --amber-light: #fef3c7;
    --blue:        #2563eb;

    /* Convenience aliases (semantic names used by the shell) */
    --text-muted:  var(--gray-500);
    --danger:      var(--red);
    --success:     #10b981;                  /* sales image-slot "has image" green */
}