/* Penlink Cases — design tokens.
 * Sourced from the PL24 Brand Book (2024-10-29). Where the case design and the
 * brand book disagreed, the brand book won. Values marked "derived" had no
 * brand-book equivalent — see TOKENS-brandbook.md for the reasoning.
 * Change colours here and nowhere else. */

.plc {
  /* Brand-book sourced */
  --plc-navy:          #092648;  /* Midnight Navy, PMS 655c */
  --plc-blue:          #0071F6;  /* Electric Blue,  PMS 285c */
  --plc-blue-hover:    #005ED1;
  --plc-blue-pressed:  #004FAB;
  --plc-sky:           #00DCC3;  /* Sky Pulse,      PMS 3265c */
  --plc-text:          #3B475F;
  --plc-muted:         #6A7592;  /* Soft Silver,    PMS 7558c */
  --plc-border:        #E8EBF0;  /* Cool Frost,     PMS 663c */
  --plc-chip-border:   #D2D8E1;
  --plc-surface:       #F2F4F8;

  /* Derived — no brand-book equivalent */
  --plc-chip-fill:     #EBF3FE;  /* rgba(0,113,246,.08) flattened on white */
  --plc-page:          #EDEFF3;  /* see TOKENS note: kept deeper than Paper for panel contrast */
  --plc-inset:         #C8CEDA;
  --plc-scroll:        #C7CDD9;
  --plc-scroll-hover:  #A2AAB9;

  --plc-gradient: linear-gradient(95deg, #0071F6, #00DCC3);

  /* The theme's site header overlays page content, so our blocks need their own
   * top clearance. Tune this one value if the top edge sits wrong. */
  --plc-header-clear: 168px;

  /* The decorative wave is now suppressed at the PHP level (see render.php), so
   * our content no longer needs to out-stack anything. Kept at 1 deliberately:
   * anything higher paints over the site nav and swallows its clicks. */
  --plc-z: 1;

  /* Type */
  --plc-font-display: "AT Aero", "Aptos", "DM Sans", system-ui, sans-serif;
  --plc-font-text:    "DM Sans", "Aptos", system-ui, sans-serif;

  /* Radii */
  --plc-r-panel: 20px;
  --plc-r-card:  16px;
  --plc-r-btn:   10px;
  --plc-r-pill:  9999px;

  /* Elevation */
  --plc-shadow: 0 1px 2px rgba(9,38,72,.05), 0 2px 6px rgba(9,38,72,.05);
  --plc-shadow-3: 0 12px 32px rgba(9,38,72,.10), 0 4px 8px rgba(9,38,72,.05);
}
