/* ===== FACTURA DESIGN SYSTEM — Apple/macOS Style ===== */

:root {
  /* Backgrounds */
  --bg-primary: #f5f5f7;
  --bg-card: rgba(255,255,255,0.92);
  --bg-card-solid: #ffffff;
  --bg-sidebar: rgba(255,255,255,0.72);
  --bg-hover: rgba(0,0,0,0.03);
  --bg-active: rgba(0,0,0,0.06);
  --bg-header: rgba(255,255,255,0.82);
  --bg-input: #ffffff;
  --bg-modal-overlay: rgba(0,0,0,0.32);

  /* Text */
  --text-primary: #1d1d1f;
  --text-secondary: #6e6e73;
  --text-muted: #86868b;
  --text-placeholder: #aeaeb2;
  --text-inverse: #ffffff;

  /* Brand accent (Factura gold) */
  --accent: #A08C64;
  --accent-hover: #8a7854;
  --accent-light: rgba(160,140,100,0.1);
  --accent-text: #8a7854;

  /* Borders */
  --border: rgba(0,0,0,0.06);
  --border-md: rgba(0,0,0,0.08);
  --border-strong: rgba(0,0,0,0.12);
  --border-input: rgba(0,0,0,0.1);

  /* Radii */
  --radius-xs: 4px;
  --radius-sm: 6px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-xl: 16px;
  --radius-pill: 20px;
  --radius-round: 50%;

  /* Buttons */
  --btn-primary-bg: #1d1d1f;
  --btn-primary-text: #ffffff;
  --btn-secondary-bg: rgba(0,0,0,0.06);
  --btn-secondary-text: #1d1d1f;

  /* Semantic colors */
  --success: #34c759;
  --success-bg: #e8faf0;
  --success-text: #1a8a3c;
  --warning: #ff9500;
  --warning-bg: #fff7e6;
  --warning-text: #c47e00;
  --danger: #ff3b30;
  --danger-bg: #ffe5e5;
  --danger-text: #d70015;
  --info: #007aff;
  --info-bg: #e8f4fd;
  --info-text: #0055b3;

  /* Badges */
  --badge-blue-bg: #e8f4fd;
  --badge-blue-text: #0071e3;
  --badge-green-bg: #e8faf0;
  --badge-green-text: #1a8a3c;
  --badge-gold-bg: rgba(160,140,100,0.12);
  --badge-gold-text: #8a7854;
  --badge-gray-bg: #f0f0f2;
  --badge-gray-text: #6e6e73;
  --badge-red-bg: #ffe5e5;
  --badge-red-text: #d70015;
  --badge-purple-bg: #f3e8ff;
  --badge-purple-text: #7c3aed;

  /* Shadows */
  --shadow-xs: 0 0.5px 1px rgba(0,0,0,0.04);
  --shadow-sm: 0 1px 3px rgba(0,0,0,0.06);
  --shadow-md: 0 2px 8px rgba(0,0,0,0.08);
  --shadow-lg: 0 4px 16px rgba(0,0,0,0.1);
  --shadow-xl: 0 8px 32px rgba(0,0,0,0.14);

  /* Typography */
  --font-family: -apple-system, 'SF Pro Display', 'SF Pro Text', BlinkMacSystemFont, 'Helvetica Neue', sans-serif;
  --font-mono: 'SF Mono', 'Menlo', 'Monaco', 'Courier New', monospace;
  --tracking-tight: -0.03em;
  --tracking-normal: -0.01em;

  /* Transitions */
  --ease-default: cubic-bezier(0.4, 0, 0.2, 1);
  --duration-fast: 0.15s;
  --duration-normal: 0.25s;
}