/* /Users/rodydavis/Developer/git/rodydavis/rodydavis/pb_public/css/theme.css */
:root {
  /* App Header */
  --app-header-background: oklch(0.35 0.47 258);
  --app-header-text: oklch(0.98 0.01 258);
  --app-header-link-text: oklch(0.98 0.01 258);
  --app-header-social-icon-color: oklch(0.98 0.01 258);

  /* Tag Item */
  --tag-item-background: oklch(0.60 0.20 258);
  --tag-item-text: oklch(0.98 0.01 258);

  /* App Footer */
  --app-footer-background: oklch(0.25 0.10 258);
  --app-footer-text: oklch(0.20 0.01 258);
  /* Dark text for light mode */
  --app-footer-link-text: oklch(0.20 0.01 258);
  /* Dark link for light mode */
  --app-footer-link-hover-text: oklch(0.60 0.20 258);
  /* Accent blue for hover */

  /* Templates - General */
  --template-surface-dim-background: oklch(0.30 0.05 258);
  --template-button-secondary-background: oklch(0.45 0.20 258);
  --template-button-on-secondary-text: oklch(0.98 0.01 258);

  /* Blog Content */
  --blog-heading-text: oklch(0.98 0.01 258);
  --blog-link-text: oklch(0.60 0.20 258);
  --blog-code-background: oklch(0.25 0.05 258);
  --blog-code-text: oklch(0.98 0.01 258);
  --blog-code-border: oklch(0.35 0.47 258);
  --blog-blockquote-border: oklch(0.35 0.47 258);
  --blog-blockquote-text: oklch(0.80 0.01 258);
  --blog-table-even-row-background: oklch(0.32 0.03 258);
  --blog-table-highlight-border: oklch(0.45 0.20 258);
  --blog-table-highlight-background: oklch(0.25 0.05 258);
  --blog-table-highlight-text: oklch(0.98 0.01 258);
  --blog-subtitle-text: oklch(0.80 0.01 258);
  --blog-figcaption-text: oklch(0.80 0.01 258);
  --blog-footnote-body-border: oklch(0.45 0.20 258);
  --blog-footnote-body-background: oklch(0.32 0.03 258);
  --blog-posts-link-text: oklch(0.98 0.01 258);
  --blog-posts-link-hover-background: oklch(0.32 0.03 258);
  --blog-posts-date-text: oklch(0.80 0.01 258);

  /* Markdown Content */
  --markdown-link-text: oklch(0.60 0.20 258);
  --markdown-code-text: oklch(0.45 0.20 258);
  --markdown-pre-background: oklch(0.25 0.05 258);
  --markdown-kbd-background: oklch(0.60 0.20 258);
  --markdown-kbd-text: oklch(0.98 0.01 258);

  /* Markdown Tag Tokens */
  --markdown-tag-background: oklch(0.60 0.20 258);
  /* was var(--md-sys-color-tertiary) */
  --markdown-tag-text: oklch(0.98 0.01 258);
  /* was var(--md-sys-color-on-tertiary) */
  --markdown-blockquote-info-border: oklch(0.35 0.47 258);
  /* custom for info */
  --markdown-blockquote-info-bg: oklch(0.95 0.05 258);
  /* custom for info bg */
  --markdown-blockquote-info-text: oklch(0.35 0.47 258);
  /* custom for info fg */
  --markdown-blockquote-warn-border: oklch(0.80 0.20 80);
  /* custom for warn */
  --markdown-blockquote-warn-bg: oklch(0.98 0.05 80);
  /* custom for warn bg */
  --markdown-blockquote-warn-text: oklch(0.80 0.20 80);
  /* custom for warn fg */
  --markdown-blockquote-error-border: oklch(0.60 0.20 25);
  /* custom for error */
  --markdown-blockquote-error-bg: oklch(0.98 0.05 25);
  /* custom for error bg */
  --markdown-blockquote-error-text: oklch(0.60 0.20 25);
  /* custom for error fg */
  --markdown-blockquote-default-border: oklch(0.35 0.47 258);
  /* fallback */
  --markdown-blockquote-default-bg: oklch(0.95 0.05 258);
  /* fallback */
  --markdown-blockquote-default-text: oklch(0.35 0.47 258);
  /* fallback */

  /* App.html Tokens */
  --app-header-icon-background: oklch(0.30 0.05 258);
  /* was var(--md-sys-color-surface-dim) */
  --app-card-background: oklch(0.30 0.05 258);
  /* was var(--template-surface-dim-background) */
  --app-card-text: oklch(0.98 0.01 258);
  /* was var(--md-sys-color-on-surface) */
  --app-card-btn-background: oklch(0.45 0.20 258);
  /* was var(--template-button-secondary-background) */
  --app-card-btn-text: oklch(0.98 0.01 258);
  /* was var(--template-button-on-secondary-text) */
  --download-link-background: oklch(0.45 0.20 258);
  /* was var(--md-sys-color-secondary) */
  --download-link-text: oklch(0.98 0.01 258);
  /* was var(--md-sys-color-on-secondary) */

  /* Post Card Tokens - Light mode (default) */
  --theme-sys-color-primary: oklch(0.60 0.20 258);
  /* Accent blue */
  --theme-sys-color-on-primary: oklch(0.20 0.01 258);
  /* Dark text on accent */
  --theme-sys-color-primary-container: oklch(0.85 0.15 258);
  /* Light blue for hover */
  --theme-sys-color-on-primary-container: oklch(0.20 0.01 258);
  /* Dark text on container */
  --theme-sys-color-surface-container-lowest: oklch(0.98 0.01 258);
  /* Card background: white */
  --theme-sys-color-on-surface: oklch(0.20 0.01 258);
  /* Main text: dark */
  --theme-sys-color-on-surface-variant: oklch(0.45 0.01 258);
  /* Dimmer text: gray */
  --theme-sys-color-outline: oklch(0.80 0.01 258);
  /* Card border: light gray */
}

@media (prefers-color-scheme: dark) {
  :root {
    --app-footer-text: oklch(0.98 0.01 258);
    /* Light text for dark mode */
    --app-footer-link-text: oklch(0.98 0.01 258);
    /* Light link for dark mode */
    --app-footer-link-hover-text: oklch(0.60 0.20 258);
    /* Accent blue for hover */

    --theme-sys-color-primary: oklch(0.60 0.20 258);
    /* Accent blue */
    --theme-sys-color-on-primary: oklch(0.98 0.01 258);
    /* Light text on accent */
    --theme-sys-color-primary-container: oklch(0.45 0.20 258);
    /* Darker blue for hover */
    --theme-sys-color-on-primary-container: oklch(0.98 0.01 258);
    /* Light text on container */
    --theme-sys-color-surface-container-lowest: oklch(0.25 0.05 258);
    /* Card background: dark */
    --theme-sys-color-on-surface: oklch(0.98 0.01 258);
    /* Main text: light */
    --theme-sys-color-on-surface-variant: oklch(0.80 0.01 258);
    /* Dimmer text: gray */
    --theme-sys-color-outline: oklch(0.45 0.10 258);
    /* Card border: dark gray */
  }
}