/*
 * Sakkaf design system
 * Use these shared tokens for branded colors in every new page stylesheet.
 */
:root {
  --sakkaf-color-primary: #7d0b54;
  --sakkaf-color-primary-hover: #6f0a45;
  --sakkaf-color-primary-soft: #a80c64;
  --sakkaf-color-plum: #311047;
  --sakkaf-color-gold: #c89432;
  --sakkaf-color-ink: #321044;
  --sakkaf-color-muted: #6d5a73;
  --sakkaf-color-paper: #fffaf7;
  --sakkaf-color-surface: #fff;
  --sakkaf-color-surface-soft: #f8f2f7;
  --sakkaf-color-border: #eee3de;
  --sakkaf-color-focus: #c89432;
  --sakkaf-shadow-card: 0 8px 24px rgb(78 41 56 / 10%);

  /* Legacy aliases keep existing homepage and package styles on this palette. */
  --wine: var(--sakkaf-color-primary);
  --wine2: var(--sakkaf-color-primary-soft);
  --purple: var(--sakkaf-color-plum);
  --gold: var(--sakkaf-color-gold);
  --ink: var(--sakkaf-color-ink);
  --muted: var(--sakkaf-color-muted);
  --paper: var(--sakkaf-color-paper);
  --line: var(--sakkaf-color-border);
  --shadow: var(--sakkaf-shadow-card);
  --sakkaf-pink: var(--sakkaf-color-primary);
  --sakkaf-purple: var(--sakkaf-color-plum);
  --sakkaf-gold: var(--sakkaf-color-gold);
  --sakkaf-line: var(--sakkaf-color-border);
  --sakkaf-shadow: 0 8px 28px rgba(36, 36, 55, 0.05);
}