/* ==========================================================================
   themes.css — Al Majed for Oud Dashboard
   Brand color tokens + preset appearance themes.
   All colors exposed as CSS custom properties so appearance.js can
   override them live without touching layout rules.
   ========================================================================== */

:root {
  /* ---- Brand palette (defaults) ---- */
  --amj-black: #080808;
  --amj-black-2: #151515;
  --amj-card-bg: #1D1D1D;
  --amj-light-bg: #F6F2E9;
  --amj-white: #FFFFFF;
  --amj-off-white: #EAE4D8;
  --amj-gold: #B79A5B;
  --amj-gold-muted: #8F794A;
  --amj-success: #2D8A57;
  --amj-warning: #C38A2C;
  --amj-danger: #B64646;
  --amj-neutral: #898989;

  /* ---- Font ---- */
  --amj-font: "Aramco", "Aramco Arabic", Tahoma, Arial, sans-serif;

  /* ---- Live-customizable surface tokens (defaults = ALMAJED_BLACK_GOLD) ---- */
  --page-bg-type: solid;             /* solid | linear | radial | image */
  --page-bg-color-1: var(--amj-black);
  --page-bg-color-2: var(--amj-black-2);
  --page-bg-color-3: transparent;
  --page-bg-angle: 135deg;
  --page-bg-image: none;
  --page-bg-size: cover;
  --page-bg-position: center;
  --page-bg-repeat: no-repeat;
  --page-bg-attachment: scroll;

  --overlay-color: #000000;
  --overlay-opacity: 0;

  --card-bg: var(--amj-card-bg);
  --card-opacity: 1;
  --card-radius: 14px;
  --card-shadow: 0 6px 24px rgba(0,0,0,.35);
  --card-blur: 0px;

  --table-bg: var(--amj-card-bg);
  --table-opacity: 1;

  --filter-bg: var(--amj-black-2);
  --filter-opacity: 1;

  --border-color: rgba(183,154,91,.25);
  --gold-accent: var(--amj-gold);

  --text-main: var(--amj-white);
  --text-secondary: rgba(255,255,255,.65);

  --header-bg: rgba(8,8,8,.85);
  --header-opacity: .92;
  --header-border: rgba(183,154,91,.2);
  --header-shadow: 0 2px 16px rgba(0,0,0,.4);

  /* Logo contrast — CSS-only invert, the source PNG is never modified */
  --logo-filter-page: invert(1) brightness(1.05);
  --logo-filter-header: invert(1) brightness(1.05);
}

/* ---- Light preset (ALMAJED_LIGHT) ---- */
.theme-light {
  --page-bg-color-1: var(--amj-light-bg);
  --page-bg-color-2: var(--amj-off-white);
  --card-bg: #FFFFFF;
  --table-bg: #FFFFFF;
  --filter-bg: #FFFFFF;
  --border-color: rgba(143,121,74,.25);
  --text-main: #171717;
  --text-secondary: rgba(23,23,23,.65);
  --header-bg: rgba(246,242,233,.9);
  --header-border: rgba(143,121,74,.25);
}

/* ---- Executive dark preset ---- */
.theme-executive-dark {
  --page-bg-color-1: #0B0B0D;
  --page-bg-color-2: #17171B;
  --card-bg: #17171B;
  --table-bg: #17171B;
  --filter-bg: #121214;
}