/* Color Utilities - Section-based color system */

/* CSS Custom Properties for section colors - Time of Day Theme */
:root {
  --color-all: #374151;
  --color-all-light: #4b5563;
  --color-all-dark: #1f2937;
  --color-all-bg: #f9fafb;

  --color-inbox: #0f766e;
  --color-inbox-light: #14b8a6;
  --color-inbox-dark: #0d5d56;
  --color-inbox-bg: #f0fdfa;

  --color-reading-queue: #8f3f18;
  --color-reading-queue-light: #a16207;
  --color-reading-queue-dark: #5b1f0a;
  --color-reading-queue-bg: #fef3c7;

  --color-archive: #6b46c1;
  --color-archive-light: #8b5cf6;
  --color-archive-dark: #553c9a;
  --color-archive-bg: #f3f4f6;

  /* Neutral colors */
  --color-text-primary: #111827;
  --color-text-secondary: #6b7280;
  --color-border: #e5e7eb;
  --color-bg-primary: #ffffff;
  --color-bg-secondary: #f9fafb;
}

/* Utility classes for text colors */
.text-all {
  color: var(--color-all);
}
.text-inbox {
  color: var(--color-inbox);
}
.text-reading-queue {
  color: var(--color-reading-queue);
}
.text-archive {
  color: var(--color-archive);
}

/* Utility classes for background colors */
.bg-all {
  background-color: var(--color-all-bg);
}
.bg-inbox {
  background-color: var(--color-inbox-bg);
}
.bg-reading-queue {
  background-color: var(--color-reading-queue-bg);
}
.bg-archive {
  background-color: var(--color-archive-bg);
}

/* Utility classes for border colors */
.border-all {
  border-color: var(--color-all);
}
.border-inbox {
  border-color: var(--color-inbox);
}
.border-reading-queue {
  border-color: var(--color-reading-queue);
}
.border-archive {
  border-color: var(--color-archive);
}

/* Section-specific color theming */
[data-current-section="all"] {
  --section-color: var(--color-all);
  --section-bg: var(--color-all-bg);
}
[data-current-section="inbox"] {
  --section-color: var(--color-inbox);
  --section-bg: var(--color-inbox-bg);
}
[data-current-section="reading_queue"] {
  --section-color: var(--color-reading-queue);
  --section-bg: var(--color-reading-queue-bg);
}
[data-current-section="archived"] {
  --section-color: var(--color-archive);
  --section-bg: var(--color-archive-bg);
}

/* Status-specific colors for link cards */
[data-status="inbox"] {
  --link-accent: var(--color-inbox);
}
[data-status="reading_queue"] {
  --link-accent: var(--color-reading-queue);
}
[data-status="archived"] {
  --link-accent: var(--color-archive);
}
[data-status=""] {
  --link-accent: var(--color-all);
}