:root {
  /* Core */
  --pl-sidebar:       #2C3531;
  --pl-sidebar-text:  #D1E8E2;
  --pl-active:        #116466;
  --pl-active-hover:  #0D4F51;
  --pl-bg:            #F0F5F3;
  --pl-card:          #FFFFFF;

  /* Text */
  --pl-text:          #2C3531;
  --pl-text-muted:    #5B6B65;

  /* Base palette accents */
  --pl-sand:          #D9B08C;
  --pl-peach:         #FFCB9A;
  --pl-mint:          #D1E8E2;

  /* Semantic accents */
  --pl-gain:          #1B9E77;
  --pl-loss:          #D45D5D;
  --pl-warning:       #E8A838;

  /* Borders */
  --pl-border:        #C8D8D2;

  /* Shadows */
  --pl-shadow:        0 1px 3px rgba(44, 53, 49, 0.08);
  --pl-shadow-lg:     0 4px 12px rgba(44, 53, 49, 0.12);
}

body {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  background-color: var(--pl-bg);
  color: var(--pl-text);
  margin: 0;
}

.btn-primary {
  background-color: var(--pl-active);
  border-color: var(--pl-active);
}
.btn-primary:hover {
  background-color: var(--pl-active-hover);
  border-color: var(--pl-active-hover);
}

.card {
  border-color: var(--pl-border);
  box-shadow: var(--pl-shadow);
}

.text-gain  { color: var(--pl-gain); }
.text-loss  { color: var(--pl-loss); }
.bg-gain    { background-color: var(--pl-gain); color: #fff; }
.bg-loss    { background-color: var(--pl-loss); color: #fff; }

.mono {
  font-family: "JetBrains Mono", "Fira Code", monospace;
}