/* ── profpi shared design tokens ── */
/* Loaded on every page before its page-specific stylesheet. */

:root {
  --bg-space: #ffffff;
  --sidebar-bg: #f8fafc;
  --card-bg: #ffffff;
  --card-active: #f1f5f9;
  --input-bg: #ffffff;
  --border-color: #e2e8f0;
  --border-focus: #6366f1;

  --text-main: #0f172a;
  --text-muted: #64748b;

  --accent: #6366f1;
  --accent-hover: #4f46e5;
  --danger: #ef4444;
  --danger-bg: #fee2e2;

  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 16px;

  --shadow-lg: 0 10px 25px -3px rgba(0, 0, 0, 0.05), 0 4px 6px -4px rgba(0, 0, 0, 0.05);
  --shadow-xl: 0 20px 40px -8px rgba(0, 0, 0, 0.15), 0 8px 16px -8px rgba(0, 0, 0, 0.1);
}

html[data-theme="dark"] {
  --bg-space: #0f172a;
  --sidebar-bg: #0b1220;
  --card-bg: #1e293b;
  --card-active: #273449;
  --input-bg: #16213a;
  --border-color: #334155;
  --border-focus: #818cf8;

  --text-main: #e2e8f0;
  --text-muted: #94a3b8;

  --accent: #818cf8;
  --accent-hover: #a5b4fc;
  --danger: #f87171;
  --danger-bg: rgba(248, 113, 113, 0.12);

  --shadow-lg: 0 10px 25px -3px rgba(0, 0, 0, 0.35), 0 4px 6px -4px rgba(0, 0, 0, 0.35);
  --shadow-xl: 0 20px 40px -8px rgba(0, 0, 0, 0.45), 0 8px 16px -8px rgba(0, 0, 0, 0.35);
}

* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  -webkit-tap-highlight-color: transparent !important;
}

a, button, input, select, textarea, label, [role="button"] {
  -webkit-tap-highlight-color: transparent !important;
}

html, body {
  max-width: 100%;
  overflow-x: hidden;
}