/* Custom Pastel Theme for Pico CSS */

/* Import DM Sans font */
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap');

/* Override Pico CSS variables for light theme */
:root {
  /* Typography */
  --pico-font-family-sans-serif: "DM Sans", system-ui, -apple-system, sans-serif;
  --pico-font-family: var(--pico-font-family-sans-serif);

  /* Border radius */
  --pico-border-radius: 0.375rem;

  /* Colors */
  --pico-background-color: #f8f7fc;
  --pico-color: #4a4458;
  --pico-muted-color: #7d7589;
  --pico-muted-border-color: #e8e4f3;

  /* Primary colors */
  --pico-primary: #7c6aef;
  --pico-primary-hover: #6b59de;
  --pico-primary-focus: rgba(124, 106, 239, 0.25);
  --pico-primary-inverse: #ffffff;

  /* Card/Surface colors */
  --pico-card-background-color: #ffffff;
  --pico-card-border-color: #e8e4f3;
  --pico-card-sectioning-background-color: #ffffff;

  /* Form elements */
  --pico-form-element-background-color: #ffffff;
  --pico-form-element-border-color: #e8e4f3;
  --pico-form-element-focus-color: var(--pico-primary-focus);

  /* Borders */
  --pico-border-color: #e8e4f3;

  /* Secondary colors (derived from primary) */
  --pico-secondary: #7d7589;
  --pico-secondary-hover: #4a4458;

  /* Code blocks */
  --pico-code-background-color: #ffffff;
  --pico-code-color: #7c6aef;

  /* Blockquote */
  --pico-blockquote-border-color: #7c6aef;
  --pico-blockquote-footer-color: #7d7589;

  /* Table */
  --pico-table-border-color: #e8e4f3;

  /* Headings */
  --pico-h1-color: #4a4458;
  --pico-h2-color: #4a4458;
  --pico-h3-color: #4a4458;
  --pico-h4-color: #4a4458;
  --pico-h5-color: #4a4458;
  --pico-h6-color: #4a4458;
}

/* Disable dark mode - use light theme only */
[data-theme="light"],
:root:not([data-theme="dark"]) {
  color-scheme: light;
}

/* Override any automatic dark mode */
@media (prefers-color-scheme: dark) {
  :root:not([data-theme]) {
    --pico-background-color: #f8f7fc;
    --pico-color: #4a4458;
    --pico-muted-color: #7d7589;
    --pico-muted-border-color: #e8e4f3;
    --pico-primary: #7c6aef;
    --pico-primary-hover: #6b59de;
    --pico-primary-focus: rgba(124, 106, 239, 0.25);
    --pico-primary-inverse: #ffffff;
    --pico-card-background-color: #ffffff;
    --pico-card-border-color: #e8e4f3;
    --pico-card-sectioning-background-color: #ffffff;
    --pico-form-element-background-color: #ffffff;
    --pico-form-element-border-color: #e8e4f3;
    --pico-border-color: #e8e4f3;
    --pico-secondary: #7d7589;
    --pico-secondary-hover: #4a4458;
    --pico-code-background-color: #ffffff;
    --pico-code-color: #7c6aef;
    --pico-blockquote-border-color: #7c6aef;
    --pico-blockquote-footer-color: #7d7589;
    --pico-table-border-color: #e8e4f3;
    --pico-h1-color: #4a4458;
    --pico-h2-color: #4a4458;
    --pico-h3-color: #4a4458;
    --pico-h4-color: #4a4458;
    --pico-h5-color: #4a4458;
    --pico-h6-color: #4a4458;
    color-scheme: light;
  }
}

/* Additional styling refinements */
a {
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

article {
  box-shadow: 0 1px 3px rgba(74, 68, 88, 0.08);
}

/* Smooth transitions */
a,
button,
input,
textarea,
select {
  transition: all 0.2s ease;
}