/*
 * Course Plan — Notebook theme.
 * Every rule MUST be scoped under #cp-app[data-cp-theme="notebook"].
 * Default look (no data attribute or data-cp-theme="default") is owned by
 * course-plan.css and must remain untouched by anything in this file.
 */

/* ── Step 1: Variable overrides + base typography ── */

#cp-app[data-cp-theme="notebook"] {
  /* Richer parchment + deeper accent (palette iteration B). */
  --cp-primary: #5a2a08;
  --cp-border:  #b89c75;
  --cp-muted:   #6b5a3f;
  --cp-bg:      #faf2dd;
  --cp-bg-alt:  #f0e4c4;
  font-family: Georgia, "Iowan Old Style", "Palatino Linotype", "Times New Roman", serif;
}

#cp-app[data-cp-theme="notebook"] h1,
#cp-app[data-cp-theme="notebook"] h2,
#cp-app[data-cp-theme="notebook"] h3,
#cp-app[data-cp-theme="notebook"] h4,
#cp-app[data-cp-theme="notebook"] .cp-picker-title { letter-spacing: -0.005em; }

/* ── Step 2: Year tints, planner shell, tile, sidebar ── */

/* Planner shell: heavier outer rule for a "bound book" feel. */
#cp-app[data-cp-theme="notebook"] .cp-planner {
  background: var(--cp-bg);
  border: 2px solid var(--cp-border);
  box-shadow: 0 1px 0 #d8c39a inset, 0 4px 14px rgba(91, 56, 16, 0.08);
}

/* Toolbar: binder-rim feel — double rule below (thick line + thin line). */
#cp-app[data-cp-theme="notebook"] .cp-toolbar {
  background: #ead7a8;
  border-bottom: 1px solid var(--cp-border);
  box-shadow: 0 2px 0 #d8c39a, 0 3px 0 var(--cp-border);
  margin-bottom: 2px;             /* leave room for the second rule */
}

/* Deeper, more saturated year tints (palette iteration B). */
#cp-app[data-cp-theme="notebook"] .cp-year-header[data-year="1"] { background: #dcc99e; color: #4a2e10; }
#cp-app[data-cp-theme="notebook"] .cp-year-header[data-year="2"] { background: #c0cda8; color: #2e3a1c; }
#cp-app[data-cp-theme="notebook"] .cp-year-header[data-year="3"] { background: #ebc88a; color: #5e3810; }
#cp-app[data-cp-theme="notebook"] .cp-year-header[data-year="4"] { background: #dfb59a; color: #5a241a; }
#cp-app[data-cp-theme="notebook"] .cp-year-header { font-weight: 700; }
#cp-app[data-cp-theme="notebook"] .cp-semester[data-year="1"] { background: #f6ecc8; }
#cp-app[data-cp-theme="notebook"] .cp-semester[data-year="2"] { background: #eef0d4; }
#cp-app[data-cp-theme="notebook"] .cp-semester[data-year="3"] { background: #faecc4; }
#cp-app[data-cp-theme="notebook"] .cp-semester[data-year="4"] { background: #f5e1cf; }

/* Tile: card on parchment, with a hand-ruled separator under the name and
   a subtle "stamp" treatment on the duration meta. (Decoration iter D.)
   IMPORTANT: declare top/right/bottom borders individually so the subject
   colored border-left from course-plan.css (.cp-subject-* rules) is not
   overridden by a `border` shorthand here. */
#cp-app[data-cp-theme="notebook"] .cp-tile {
  background: #fffaea;
  border-top:    1px solid var(--cp-border);
  border-right:  1px solid var(--cp-border);
  border-bottom: 1px solid var(--cp-border);
  border-radius: 3px;
  box-shadow: 0 1px 0 #d8c39a;
}
#cp-app[data-cp-theme="notebook"] .cp-tile-name {
  border-bottom: 1px solid var(--cp-border);
  padding-bottom: 5px;
  margin-bottom: 6px;
  font-weight: 600;
}
#cp-app[data-cp-theme="notebook"] .cp-tile-meta {
  color: var(--cp-muted);
  font-style: italic;
}
#cp-app[data-cp-theme="notebook"] .cp-tile-meta > span:last-child {
  /* "Stamp"-style label on duration: small caps, dotted underline. */
  text-transform: uppercase;
  letter-spacing: 0.06em;
  font-size: 10px;
  font-style: normal;
  border-bottom: 1px dotted var(--cp-muted);
  padding-bottom: 1px;
}

/* Sidebar reads as the inside of the binder cover. */
#cp-app[data-cp-theme="notebook"] .cp-sidebar {
  background: #f0e4c4;
  border-left: 2px solid var(--cp-border);
}
#cp-app[data-cp-theme="notebook"] .cp-req-row { border-bottom-color: #d8c39a; }

/* New UI elements tinted to the warm parchment palette (defaults are cool grays). */
#cp-app[data-cp-theme="notebook"] .cp-tile-credits { background: #ead7a8; color: #5a2a08; }
#cp-app[data-cp-theme="notebook"] .cp-year-credits { background: rgba(250,242,221,0.7); color: #4a2e10; box-shadow: inset 0 0 0 1px rgba(90,42,8,0.12); }
#cp-app[data-cp-theme="notebook"] .cp-req-bar { background: #e3d4ab; }
#cp-app[data-cp-theme="notebook"] .cp-req-summary { border-bottom-color: var(--cp-border); }
#cp-app[data-cp-theme="notebook"] .cp-req-summary-num { color: #4a2e10; }

/* ── Step 3: Buttons + accents ── */

#cp-app[data-cp-theme="notebook"] .cp-state-pill { background: var(--cp-primary); }
#cp-app[data-cp-theme="notebook"] .cp-toolbar-actions button.primary,
#cp-app[data-cp-theme="notebook"] .cp-wizard-actions button.primary,
#cp-app[data-cp-theme="notebook"] .cp-modal-card form button.primary,
#cp-app[data-cp-theme="notebook"] .cp-btn-primary { background: var(--cp-primary); border-color: var(--cp-primary); }
#cp-app[data-cp-theme="notebook"] .cp-btn-primary:hover { background: #4a230a; border-color: #4a230a; }