/* Glassica Ceramics — shared design tokens (logo-derived) */
:root {
  --bone:        #F1ECE0;
  --bone-soft:   #E8E1D1;
  --bone-deep:   #DDD3BD;
  --cocoa:       #5C2E12;
  --cocoa-soft:  #7A4623;
  --cocoa-ink:   #3A1B08;
  --saffron:     #D4A017;
  --saffron-dk:  #B0840F;
  --ochre:       #A88128;
  --blush:       #D69E89;
  --blush-soft:  #E8C5B4;
  --paper:       #FBF8F1;
  --line:        #C9BFA5;
  --line-soft:   #DCD2BA;
  --success:     #5F7C3A;
  --danger:      #B33A1F;

  --font-display: "Cormorant Garamond", "Cormorant", "Playfair Display", Georgia, serif;
  --font-sans:    "Inter", "Manrope", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
  --font-mono:    "JetBrains Mono", "IBM Plex Mono", ui-monospace, monospace;

  --radius-sm: 4px;
  --radius:    8px;
  --radius-lg: 16px;

  --shadow-sm: 0 1px 2px rgba(60,30,8,0.06);
  --shadow:    0 8px 24px -8px rgba(60,30,8,0.18);
  --shadow-lg: 0 24px 60px -20px rgba(60,30,8,0.24);
}

/* utility primitives used across all three directions */
.placeholder-img {
  background:
    repeating-linear-gradient(135deg,
      rgba(92,46,18,0.06) 0 10px,
      rgba(92,46,18,0.02) 10px 20px),
    var(--bone-soft);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--cocoa);
  font-family: var(--font-mono);
  font-size: 11px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  text-align: center;
  padding: 12px;
}
.placeholder-img.blush { background:
    repeating-linear-gradient(135deg, rgba(92,46,18,0.08) 0 10px, rgba(92,46,18,0.02) 10px 20px),
    var(--blush-soft); }
.placeholder-img.saffron { background:
    repeating-linear-gradient(135deg, rgba(92,46,18,0.10) 0 10px, rgba(92,46,18,0.02) 10px 20px),
    #EFCB6F; }
.placeholder-img.ochre { background:
    repeating-linear-gradient(135deg, rgba(92,46,18,0.10) 0 10px, rgba(92,46,18,0.02) 10px 20px),
    #C9A14D; }
.placeholder-img.cocoa { background:
    repeating-linear-gradient(135deg, rgba(255,255,255,0.06) 0 10px, transparent 10px 20px),
    var(--cocoa); color: var(--bone); }