/* ═══════════════════════════════════════════
   CHECK ESTUDIO — Color Tokens
   ═══════════════════════════════════════════ */

:root {
  /* ── Brand ── */
  --color-green:            #4CAF50;
  --color-green-hover:      #43A047;
  --color-green-subtle:     rgba(76, 175, 80, 0.08);
  --color-green-border:     rgba(76, 175, 80, 0.25);

  /* ── Dark palette (primary) ── */
  --color-black:            #0c0c0c;
  --color-dark-surface:     #111111;
  --color-dark-border:      #1e1e1e;
  --color-dark-elevated:    #1a1a1a;
  --color-dark-hover:       rgba(255, 255, 255, 0.02);

  /* ── Light palette (secondary sections) ── */
  --color-light:            #f3f2ee;
  --color-light-alt:        #eae9e4;
  --color-light-border:     #d4d3ce;

  /* ── Text on dark ── */
  --color-text-white:       #ffffff;
  --color-text-light:       #f0f0f0;
  --color-text-light-mid:   #999999;
  --color-text-light-dim:   rgba(255, 255, 255, 0.65);
  --color-text-light-faint: rgba(255, 255, 255, 0.45);
  --color-text-muted-dark:  #555555;
  --color-text-nav:         #aaaaaa;

  /* ── Text on light ── */
  --color-text-dark:        #111111;
  --color-text-dark-mid:    #666666;
  --color-text-dark-dim:    #333333;

  /* ── Overlays & protection ── */
  --overlay-dark:           rgba(12, 12, 12, 0.28);
  --overlay-dark-heavy:     rgba(12, 12, 12, 0.92);
  --overlay-nav:            rgba(12, 12, 12, 0.95);
  --overlay-carousel:       rgba(0, 0, 0, 0.75);

  /* ── Semantic aliases ── */
  --surface-page:           var(--color-black);
  --surface-card:           var(--color-dark-surface);
  --surface-section-light:  var(--color-light);
  --surface-section-alt:    var(--color-light-alt);
  --border-dark:            var(--color-dark-border);
  --border-light:           var(--color-light-border);
  --accent:                 var(--color-green);
  --accent-hover:           var(--color-green-hover);
  --text-primary:           var(--color-text-light);
  --text-secondary:         var(--color-text-light-mid);
  --text-on-light:          var(--color-text-dark);
  --text-on-light-secondary: var(--color-text-dark-mid);
}