/* RAQEEM ERP — Design Token Layer (constitutional source of truth) */
/* Vars only — no selectors except :root */

:root {
  /* === Brand / Action (warm navy — no fluorescent blue) === */
  --rq-primary: #2c4470;
  --rq-primary-strong: #1e2f4f;
  --rq-secondary: #4a5f8c;
  --rq-accent: #3d5f8f;
  --rq-action-bg: #1e2a3a;
  --rq-action-bg-hover: #2a3648;
  --rq-action-text: #fdfcfa;

  /* === Semantic States (raw) === */
  --rq-success: #047857;
  --rq-warning: #b45309;
  --rq-danger: #b91c1c;
  --rq-info: #35668a;

  /* === Semantic Tints (surfaces) === */
  --rq-tint-success-bg: #edf7f2;
  --rq-tint-success-border: #b8e0cc;
  --rq-tint-success-text: #065f46;
  --rq-tint-warning-bg: #fdf8ed;
  --rq-tint-warning-border: #f5ddb0;
  --rq-tint-warning-text: #92400e;
  --rq-tint-danger-bg: #fdf2f2;
  --rq-tint-danger-border: #f5caca;
  --rq-tint-danger-text: #991b1b;
  --rq-tint-info-bg: #eef4f9;
  --rq-tint-info-border: #c5d9ea;
  --rq-tint-info-text: #1e4a6e;
  --rq-tint-neutral-bg: #f3f1ed;
  --rq-tint-neutral-border: #e4e0d9;
  --rq-tint-neutral-text: #3d3c38;

  /* === Surface System (warm neutrals) === */
  --rq-bg-main: #f5f3f0;
  --rq-bg-surface: #fdfcfa;
  --rq-bg-muted: #eceae6;
  --rq-bg-elevated: #ffffff;

  /* === Semantic surface roles === */
  --rq-surface-light-bg: var(--rq-bg-main);
  --rq-surface-light-text: var(--rq-text-main);
  --rq-surface-light-muted: var(--rq-text-muted);
  --rq-surface-elevated-bg: var(--rq-bg-elevated);
  --rq-surface-form-bg: var(--rq-bg-surface);
  --rq-surface-form-border: var(--rq-border-field);
  --rq-surface-table-head-bg: var(--rq-bg-muted);
  --rq-surface-table-head-text: var(--rq-text-muted);
  --rq-surface-modal-bg: var(--rq-bg-elevated);
  --rq-surface-modal-overlay: rgba(28, 27, 24, 0.42);
  --rq-surface-footer-bg: #222834;
  --rq-surface-footer-text: #b8c0cc;
  --rq-surface-footer-muted: #adb4c0;
  --rq-surface-footer-border: #343a46;

  /* === Typography === */
  --rq-text-main: #1c1b18;
  --rq-text-muted: #52524f;
  --rq-text-subtle: #6b6964;
  --rq-text-inverse: #fdfcfa;

  /* === Borders === */
  --rq-border-subtle: #e4e0d9;
  --rq-border-active: #b8c8e0;
  --rq-border-field: #d4cfc7;

  /* === Radius === */
  --rq-radius-sm: 6px;
  --rq-radius-md: 12px;
  --rq-radius-lg: 24px;
  --rq-radius-xl: 40px;
  --rq-radius-field: 0.375rem;
  --rq-radius-surface: 1.5rem;

  /* === Elevation (constitutional: 3 levels — softened) === */
  --rq-elev-rest: 0 1px 2px rgba(28, 27, 24, 0.04);
  --rq-elev-raised: 0 2px 10px rgba(28, 27, 24, 0.06);
  --rq-elev-float: 0 10px 24px rgba(28, 27, 24, 0.09);

  /* Legacy shadow aliases (shell consumers) */
  --rq-shadow-sm: var(--rq-elev-rest);
  --rq-shadow-md: var(--rq-elev-raised);
  --rq-shadow-lg: var(--rq-elev-float);

  /* === Motion (constitutional: 3 durations) === */
  --rq-duration-instant: 0.12s;
  --rq-duration-fast: 0.16s;
  --rq-duration-normal: 0.2s;
  --rq-ease-standard: cubic-bezier(0.4, 0, 0.2, 1);

  /* === Interaction === */
  --rq-hover-bg: #f0eeea;
  --rq-hover-border: #cfc9bf;
  --rq-focus-ring-color: rgba(44, 68, 112, 0.26);
  --rq-focus-ring: 0 0 0 2px var(--rq-focus-ring-color);
  --rq-focus-ring-field: 0 0 0 3px rgba(44, 68, 112, 0.08);

  /* === Chrome (shell) === */
  --rq-chrome-border: var(--rq-border-subtle);
  --rq-chrome-radius-sm: 8px;
  --rq-chrome-radius-md: 12px;
  --rq-view-as-bg: #fdf8ed;
  --rq-view-as-border: #f0dca0;
  --rq-view-as-text: #92400e;

  /* === Public dark surfaces (landing/register/login hero) === */
  --rq-dark-bg: #1a2233;
  --rq-dark-bg-soft: #243044;
  --rq-dark-text-primary: #f5f4f1;
  --rq-dark-text-body: #d8dce4;
  --rq-dark-text-muted: #b8c0cc;
  --rq-dark-text-subtle: #9aa5b5;
  --rq-dark-link: #a8c4e8;
  --rq-dark-link-emerald: #8fd4a8;
  --rq-dark-accent: #4a7ab8;
  --rq-dark-accent-soft: #9ebce0;
  --rq-dark-btn-primary: #4a6585;
  --rq-dark-btn-primary-hover: #556f8f;
  --rq-dark-gradient-blue: #2a4570;
  --rq-dark-gradient-green: #2d5a42;
  --rq-dark-overlay: rgba(22, 28, 38, 0.76);
  --rq-dark-chrome-bg: rgba(26, 34, 51, 0.97);
  --rq-dark-chrome-border: rgba(245, 244, 241, 0.12);
}