/* Digital Creation — color tokens */
:root {
  /* Base palette */
  --dc-black: #090909;
  --dc-surface: #111111;
  --dc-ivory: #F5F3EE;
  --dc-gold: #C7A35A;

  /* Semantic — dark theme (default) */
  --bg: var(--dc-black);
  --bg-surface: var(--dc-surface);
  --text-primary: var(--dc-ivory);
  --text-secondary: rgba(245, 243, 238, .72);
  --text-tertiary: rgba(245, 243, 238, .5);
  --text-faint: rgba(245, 243, 238, .35);
  --accent: var(--dc-gold);
  --accent-soft: rgba(199, 163, 90, .45);
  --accent-glow: rgba(199, 163, 90, .22);
  --border: rgba(255, 255, 255, .08);
  --border-subtle: rgba(255, 255, 255, .06);
  --border-strong: rgba(255, 255, 255, .16);
  --border-hover: rgba(255, 255, 255, .28);

  /* Light (inverted editorial) surfaces — Services / Courses sections */
  --light-bg: var(--dc-ivory);
  --light-card: #FFFFFF;
  --light-text: var(--dc-black);
  --light-text-secondary: rgba(9, 9, 9, .64);
  --light-border: rgba(0, 0, 0, .12);
  --light-border-subtle: rgba(0, 0, 0, .08);
  --light-hover: rgba(0, 0, 0, .02);

  /* Status */
  --success: #72D67D;
  --warning: #F5C542;
  --error: #E15757;

  /* Hero gradient text */
  --gradient-hero: linear-gradient(180deg, #FFFFFF 0%, #E9E4D8 45%, #C7A35A 100%); /* @kind color */
}