/* ============================================
   THEME VARIABLES — Source of Truth
   Source: design-dna.json (rabbit_v2 - Editorial Minimalism)
   Style: Elegant, Minimal, Artistic Beauty
   ============================================ */

:root {
  /* === Brand Colors === */
  --theme-primary:        #111111;
  --theme-primary-dark:   #000000;
  --theme-primary-light:  #F9F9F9;
  --theme-primary-mid:    #666666;
  --theme-primary-border: #EEEEEE;

  /* === Accent Color === */
  --theme-accent:         #C8B8A6;

  /* === Alpha Variants === */
  --theme-primary-alpha-10: rgba(17, 17, 17, 0.05);
  --theme-primary-alpha-25: rgba(17, 17, 17, 0.1);
  --theme-primary-alpha-50: rgba(17, 17, 17, 0.2);

  /* === Gray Scale === */
  --theme-gray-900: #111111;
  --theme-gray-800: #1A1A1A;
  --theme-gray-700: #333333;
  --theme-gray-600: #4D4D4D;
  --theme-gray-500: #666666;
  --theme-gray-400: #999999;
  --theme-gray-300: #CCCCCC;
  --theme-gray-200: #EEEEEE;
  --theme-gray-100: #F3F3F3;
  --theme-gray-50:  #F9F9F9;

  /* === Semantic Variables === */
  --theme-text-primary:   #111111;
  --theme-text-secondary: #666666;
  --theme-text-muted:     #999999;
  --theme-text-white:     #FFFFFF;
  --theme-bg-default:     #FFFFFF;
  --theme-bg-subtle:      #F9F9F9;
  --theme-bg-dark:        #1A1A1A;
  --theme-border:         #EEEEEE;
  --theme-border-light:   #F3F3F3;

  /* === Feedback === */
  --theme-success: #2F855A;
  --theme-error:   #C53030;
  --theme-warning: #B7791F;

  /* === Shapes & Radii === */
  --theme-radius-none: 0px;
  --theme-radius-sm:   0px;
  --theme-radius-md:   0px;
  --theme-radius-lg:   0px;
  --theme-radius-xl:   0px;
  --theme-radius-2xl:  0px;
  --theme-radius-pill: 9999px;

  --theme-radius-card:    0px;
  --theme-radius-btn:     0px;
  --theme-radius-input:   0px;
  --theme-radius-img:     0px;
  --theme-radius-widget:  0px;
  --theme-radius-hero:    0px;

  /* === Shadows === */
  --theme-shadow-widget: none;
  --theme-shadow-card:   none;
  --theme-shadow-float:  0 12px 24px rgba(0,0,0,0.05);
  --theme-shadow-nav:    0 1px 0 rgba(0,0,0,0.05);

  /* === Spacing === */
  --theme-section-y:   128px;
  --theme-section-y-m: 80px;
}