@orchard9ai/design-system/dist/dawn.css

DaisyUI-based component library for Orchard9 applications

/* Dawn Theme - A conversational, warm theme for Dawn */
[data-theme='dawn'] {
  color-scheme: light;

  /* Base colors - warm, inviting palette */
  --color-primary: oklch(65% 0.22 223); /* Primary: Conversational blue */
  --color-primary-content: oklch(97% 0.02 223); /* Primary content */

  --color-secondary: oklch(72% 0.15 259); /* Secondary: Soft purple */
  --color-secondary-content: oklch(97% 0.02 259); /* Secondary content */

  --color-accent: oklch(70% 0.2 42); /* Accent: Warm amber for highlights */
  --color-accent-content: oklch(25% 0.08 42); /* Accent content */

  --color-neutral: oklch(35% 0.02 220); /* Neutral: Soft charcoal */
  --color-neutral-content: oklch(95% 0.01 220); /* Neutral content */

  --color-base-100: oklch(100% 0 0); /* Base 100: Pure white */
  --color-base-200: oklch(97% 0.01 220); /* Base 200: Subtle gray */
  --color-base-300: oklch(94% 0.01 220); /* Base 300: Light gray */
  --color-base-content: oklch(35% 0.02 220); /* Base content */

  --color-info: oklch(70% 0.18 198); /* Info: Clear blue */
  --color-info-content: oklch(25% 0.08 198); /* Info content */

  --color-success: oklch(65% 0.17 158); /* Success: Sage green */
  --color-success-content: oklch(20% 0.08 158); /* Success content */

  --color-warning: oklch(75% 0.18 43); /* Warning: Warm yellow */
  --color-warning-content: oklch(25% 0.08 43); /* Warning content */

  --color-error: oklch(70% 0.2 0); /* Error: Soft red */
  --color-error-content: oklch(95% 0.02 0); /* Error content */

  /* Shape variables */
  --radius-selector: 0.75rem;
  --radius-field: 0.5rem;
  --radius-box: 1rem;

  /* Size variables */
  --size-selector: 0.25rem;
  --size-field: 0.25rem;

  /* Other variables */
  --border: 1px;
  --depth: 0;
  --noise: 0;

  /* Semantic layout variables */
  --site-bg: var(--color-base-100); /* Pure white site background */
  --content-bg: var(--color-base-100); /* Main content areas match site bg */
  --sidebar-bg: var(--color-base-200); /* Subtle gray for sidebars */
}