@import url("https://fonts.googleapis.com/css2?family=Space+Mono:wght@400;700&display=swap");

:root {
  /* ── Typography ───────────────────────────────────────────── */
  --font-login: "IBM Plex Mono", monospace;

  /* ── Brand Palette ────────────────────────────────────────── */
  --primary-color: #d3984a;
  --secondary-color: #eabf3f;
  --third-color: #cfd1d0;
  --secondary-light-color:#e3b06e;
  --third-light-color:#e6e8e7;

  /* ── Base / Text / Surfaces ───────────────────────────────── */
  --background-color: #efeff4;
  --background-white: #ffffff;
  --text-color: #22223b;
  --text-color-light: #e9e9e9;

  /* ── Header / Footer ──────────────────────────────────────── */
  --header-bg-color:#3f2d16;
  --header-bg-color-footer:#3f2d16d4;

  /* ── Accents / App Specific ───────────────────────────────── */
  --profit-color: #048461;
  --profit-color-darker: #02684c;
  --excel-color: #169945;
  --excel-color-darker: #0e6e30;
  --pdf-color: #a32d2f;
  --pdf-color-darker: #721c1d;
  --slider-active-color: #283149;
  --inactive-color: #d3d3d3;

  /* ── Breadcrumbs ──────────────────────────────────────────── */
  --breadcrumb-bg: #e9e9e9;
  --breadcrumb-active: #6c757d;

  /* ── Gradients / Theming ──────────────────────────────────── */
  --gradient-primary-start:#eabf3f;
  --gradient-primary-end:#f1d373;
  --bg-primary-end: #18182a;

  /* ── Disabled / Error / Example states ────────────────────── */
  --disabled-bg-color: #eaeaea;
  --disabled-bg-color-dark: #d3dae2;
  --disabled-color: #b4b4b4;
  --error-bg-color: #fef2f2;
  --error-border-color: #ef4444;
  --error-text-color: #991b1b;
  --example-bg-color: #ffffff;
  --example-text-color: #ef4444;
  --example-border-color: rgba(239, 68, 68, 0.2);

  /* ── Status Colors ────────────────────────────────────────── */
  --status-on-color: #32a852;
  --background-status-on-color: rgba(50, 168, 82, 0.7);
  --background-status-on-color-light: rgba(50, 168, 82, 0.2);
  --status-on-rgba: 50, 168, 82;

  --status-off-color: #e94e77;
  --background-status-off-color: rgba(233, 78, 119, 0.7);
  --background-status-off-color-light: rgba(233, 78, 119, 0.2);
  --status-off-rgba: 233, 78, 119;

  --status-warning-color: #ffb400;
  --status-warning-rgba: 255, 180, 0;

  --status-withdrawal-color: #18182a;
  --status-withdrawal-rgba: 40, 49, 73;

  /* ── Logs ─────────────────────────────────────────────────── */
  --log-info-color: #4a90e2;
  --log-warning-color: #f5a623;
  --log-error-color: #d0021b;
  --log-critical-color: #9013fe;

  /* ── Overlays / Background Layers ─────────────────────────── */
  --background-overlay: rgba(255, 255, 255, 0.2);
  --background-secondary: rgba(154, 140, 152, 0.1);
  --background-secondary-settings: #6c757d;

  --background-dark0: rgba(234, 191, 63, 0);
  --background-dark_1: rgba(255, 255, 255, 0.7);
  --background-dark_2: rgba(207, 209, 208, 0.7);
  --background-dark_3: rgba(234, 191, 63, 0.6);
  --background-dark_4: rgba(207, 209, 208, 0.2);
  --background-dark: rgba(211, 152, 74, 0.2);
  --background-dark2: rgba(211, 152, 74, 0.2);
  --background-dark3: rgba(211, 152, 74, 0.6);
  --background-dark4: rgba(211, 152, 74, 0.8);

  /* ── Glassmorphism ────────────────────────────────────────── */
  --inner-circle-color: rgba(255, 255, 255, 0.7);
  --glass-bg-color: rgba(0, 0, 0, 0.3);
  --glass-border-color: rgba(255, 255, 255, 0.2);
  --glass-text-shadow: rgba(0, 0, 0, 0.6);
  --glass-box-shadow: rgba(0, 0, 0, 0.2);
  --glass-hover-bg-color: rgba(255, 255, 255, 0.5);

  /* ── Shadows / Radii ──────────────────────────────────────── */
  --tz-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
  --tz-border-radius: 0.75rem;
  --box-shadow-color: rgba(0, 0, 0, 0.15);
  --box-shadow-hover-color: rgba(0, 0, 0, 0.25);

  /* ── Inputs ───────────────────────────────────────────────── */
  --input-border-color: rgba(74, 78, 105, 0.7);
  --input-hover-border-color: rgba(74, 78, 105, 0.9);
  --input-bg-color: rgba(74, 78, 105, 0.9);
  --input-hover-bg-color: rgba(74, 78, 105, 1);

  /* ── Cards ────────────────────────────────────────────────── */
  --card-border-color: rgba(74, 78, 105, 0.8);
  --card-bg-color: rgba(74, 78, 105, 0.1);
  --card-hover-bg-color: rgba(74, 78, 105, 0.2);

  /* ── Promo ─────────────────────────── */
  --promo-pro-bg: #0f9fb1;
  --promo-premium-start: #c59d5f;
  --promo-premium-end: #d4af37;
  --promo-new-bg: #2563eb;
  --promo-dark-text: #2a2931;
  --promo-light-text: #ffffff;
  --promo-shadow: 0 2px 6px rgba(0,0,0,.2);

  /* ── Vendor / Bootstrap overrides ─────────────────────────── */
  --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
}