:root {
  --brand: #ffb80a;
  --bg: #f8f8f6;
  --surface: #ffffff;
  --field: #f8f8f6;
  --ink: #111111;
  --ink-2: #3a3a3a;
  --ink-3: #8a8a8a;
  --danger: #c62828;
  --btn: #111111;
  --btn-hover: #2a2a2a;
  --btn-ink: #ffffff;

  --radius-pill: 50px;
  --radius-xl: 28px;

  --shadow-sidebar: 4px 0 24px -10px rgba(17, 17, 17, 0.12);
  --shadow-card:
    0 1px 2px rgba(17, 17, 17, 0.04), 0 8px 20px -14px rgba(17, 17, 17, 0.18);
  --success: #1f9d6b;
  --success-soft: #e3f4ec;
  --warning: #b26a00;
  --warning-soft: #fff3d6;
  --danger-soft: #fbe9e9;
  --radius-card: 26px;
  --line: #e4e4e0;
  --sidebar-width: 290px;
  --radius-sidebar: 36px;
  --panel-max: 1450px;

  --fw-regular: 400;
  --fw-medium: 500;
  --fw-semibold: 600;

  --font: "Segoe UI", -apple-system, BlinkMacSystemFont, sans-serif;
  --ease: cubic-bezier(0.4, 0, 0.2, 1);

  --skel-base: rgba(0, 0, 0, 0.06);
  --skel-shine: rgba(255, 255, 255, 0.5);
}