/* ============================================================
   Sol Studio — Design Tokens
   Single source of truth for palette, type, and spacing.
   All other stylesheets reference these variables.
   ============================================================ */

/* ----------------------------------------------------------
   Light mode (default)
   ---------------------------------------------------------- */
:root {
  /* Palette */
  --bg:             #FFFFFF;  /* pure white */
  --text:           #1C1C1A;  /* near-black */
  --text-secondary: rgba(28, 28, 26, 0.55);  /* captions, labels */
  --surface:        #F2F2F2;  /* light card surfaces */
  --border:         rgba(28, 28, 26, 0.12);

  /* Navigation */
  --nav-height:     56px;

  /* Gallery sidebar */
  --sidebar-width:  160px;

  /* Typography */
  --font-brand: 'Slackside One', cursive;
  --font-body:  'Inter', sans-serif;

  /* Spacing */
  --pad: clamp(12px, 2vw, 24px);
}