/**
 * Color variables for Kramall Studio
 * This file contains all color definitions used across the site
 */

:root {
  /* Primary brand colors */
  --color-primary: #b23794; /* Primary brand color - purple from KRAMALL text */
  --color-secondary: #4b4b4b; /* Secondary color - dark grey */

  /* Text colors */
  --color-text-primary: #3d3d3d; /* Main text color */
  --color-text-secondary: #dddddd; /* Secondary text color */
  --color-text-light: #f8f8f8; /* Light text color */
  --color-text-white: #ffffff; /* Text on dark backgrounds */
  --color-text-gray: #4b4b4b; /* KrS logo gray,Text on light backgrounds */
  --color-text-semi-gray: #8b8b8b; /* Light gray text color */
  --color-text-black: #000000; /* Black text color */

  /* Background colors */
  --color-bg-primary: #ffffff; /* Main background color */
  --color-bg-secondary: #f8f8f8; /* Secondary background color */
  --color-bg-accent: #f0e6f2; /* Light purple accent background */
  --color-bg-gray: #dddddd; /* Gray background for sections */
  --color-bg-dark: #3d3d3d; /* Dark background for sections */

  /* UI element colors */
  --color-border: #dddddd; /* Border color */
  --color-shadow: rgba(0, 0, 0, 0.1); /* Shadow color */

  /* Button colors */
  --color-button-primary: #9e24b3; /* Primary button background */
  --color-button-secondary: #3d3d3d; /* Secondary button background */
  --color-button-hover: #7b1c8a; /* Button hover state */

  /* Header colors */
  --color-header-transparent: rgba(255, 255, 255, 0.1); /* Transparent header background */
  --color-header-solid: rgba(255, 255, 255, 1); /* Solid header background */

  /* Footer colors */
  --color-footer-bg: #3d3d3d; /* Footer background */
  --color-footer-text: #f8f8f8; /* Footer text */

  /* Status colors */
  --color-success: #28a745; /* Success messages */
  --color-warning: #ffc107; /* Warning messages */
  --color-error: #dc3545; /* Error messages */
  --color-info: #17a2b8; /* Information messages */
}

.accent-color {
  color: var(--color-primary);
}