/*
 * BRAINSCIENTIST - Colors
 * Refined palette: warmer browns, better contrast, modern neutrals
 */
:root {
  /* Primary palette - refined browns */
  --color-primary: #6B4423;
  /* Deeper, richer brown */
  --color-primary-light: #8B5A2B;
  /* Lighter accent */
  --color-primary-dark: #4A2F17;
  /* For hover states */
  /* Secondary - warm grays with brown undertone */
  --color-secondary: #3D3A38;
  /* Near-black with warmth */
  --color-secondary-light: #5C5856;
  /* Background - subtle warmth */
  --color-background: #FAFAF8;
  /* Off-white, slightly warm */
  --color-background-alt: #F5F4F2;
  /* Cards, sections */
  --color-surface: #FFFFFF;
  /* Pure white for contrast */
  /* Text colors */
  --color-text: #2D2926;
  /* Primary text - warm black */
  --color-text-muted: #6B6560;
  /* Secondary text */
  --color-text-light: #9B9590;
  /* Subtle text */
  /* Accent - subtle gold/amber for highlights */
  --color-accent: #B8860B;
  /* Dark goldenrod */
  --color-accent-light: #DAA520;
  /* Goldenrod */
  /* Functional */
  --color-border: rgba(107, 68, 35, 0.15);
  /* Subtle brown tint */
  --color-border-strong: rgba(107, 68, 35, 0.3);
  /* Shadows - warm tinted */
  --shadow-sm: 0 1px 2px rgba(45, 41, 38, 0.05);
  --shadow-md: 0 4px 12px rgba(45, 41, 38, 0.08);
  --shadow-lg: 0 8px 24px rgba(45, 41, 38, 0.12);
  --shadow-card: 0 2px 8px rgba(107, 68, 35, 0.06);
  /* Gradients */
  --gradient-subtle: linear-gradient(135deg, var(--color-background) 0%, var(--color-background-alt) 100%);
  --gradient-accent: linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-light) 100%);
  /* Spacing scale */
  --space-xs: 0.5rem;
  --space-sm: 1rem;
  --space-md: 1.5rem;
  --space-lg: 2.5rem;
  --space-xl: 4rem;
  --space-2xl: 6rem;
  /* Border radius */
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;
  /* Transitions */
  --transition-fast: 150ms ease;
  --transition-base: 250ms ease;
  --transition-slow: 400ms ease;
}
/* Dark mode ready (optional) */
@media (prefers-color-scheme: dark) {
  :root {
    /* Uncomment to enable dark mode
    --color-background: #1A1816;
    --color-background-alt: #242220;
    --color-surface: #2D2926;
    --color-text: #F5F4F2;
    --color-text-muted: #9B9590;
    */
  }
}

/*******************************************************************/
/* ftrtch dino */
/* [type: CSS] [file:colors] [3.224] DESIGN*/
/*******************************************************************/
/* 0.2 P>P */
/* db 83 */