.noselect {
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Old versions of Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */
}

.clickable:hover,
.clickable *:hover {
  cursor: pointer;
}

.draggable,
.draggable:hover {
  cursor: move;
}

:root {
  --font-light: #f8fafc;
  --font-dark: #0f172a;
  --font-muted: #64748b;
  --alert-text: #c2410c;

  --background-light: #ffffff;
  --body-background: #eef2f7;
  --surface-subtle: #f8fafc;
  --border-subtle: #e2e8f0;
  --border-input: #94a3b8;
  --border-input-hover: #64748b;

  --accent: #4f46e5;
  --accent-hover: #4338ca;
  --accent-active: #3730a3;
  --accent-soft: #eef2ff;

  --box-blue: #eef2ff;

  --header-font: var(--font-light);
  --header-background: linear-gradient(135deg, #1e293b 0%, #312e81 100%);
  --header-background-solid: #1e293b;
  --footer-font: #cbd5e1;
  --footer-link-font: #ffffff;
  --footer-background: #0f172a;

  --progress-active: var(--accent);
  --progress-inactive: #cbd5e1;

  --vote-nav-background: #475569;
  --review-ballot-background: var(--box-blue);

  --button-default: #e2e8f0;
  --button-default-hover: #cbd5e1;
  --button-default-active: #94a3b8;
  --button-white: #ffffff;
  --button-white-hover: #f1f5f9;
  --button-white-active: #e2e8f0;
  --button-blue: var(--accent);
  --button-blue-hover: var(--accent-hover);
  --button-blue-active: var(--accent-active);
  --button-grey: #475569;
  --button-grey-hover: #334155;
  --button-grey-active: #1e293b;

  --candidate-background: #f1f5f9;
  --candidate-background-hover: #e2e8f0;
  --candidate-background-checked: #e0e7ff;
  --candidate-background-checked-hover: #c7d2fe;
  --candidate-checkbox-background: #ffffff;
  --candidate-checkbox-border: #cbd5e1;
  --candidate-checkbox-checked: var(--accent);

  --page-shadow:
    0 10px 25px -5px rgba(15, 23, 42, 0.1),
    0 8px 10px -6px rgba(15, 23, 42, 0.06);
  --box-shadow:
    0 1px 2px 0 rgba(15, 23, 42, 0.05), 0 4px 12px -4px rgba(15, 23, 42, 0.08);
  --button-shadow: 0 1px 2px 0 rgba(15, 23, 42, 0.08);
  --button-shadow-hover:
    0 4px 12px -2px rgba(79, 70, 229, 0.25),
    0 2px 6px -1px rgba(15, 23, 42, 0.12);

  --focus-ring: 0 0 0 3px rgba(79, 70, 229, 0.25);
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 14px;
}
