/* ==========================================================================
   FunInKorea design tokens
   Single source of truth for colour, type, spacing and elevation.
   Consumed by the child theme, Tutor LMS overrides and WooCommerce overrides.
   ========================================================================== */

:root {
  /* Brand */
  --fik-navy:        #102A43;
  --fik-navy-deep:   #0A1D30;
  --fik-navy-soft:   #EEF4FC;
  --fik-green:       #4EA77A;
  --fik-green-deep:  #3B8660;
  --fik-green-soft:  #EEF8F2;
  --fik-green-mist:  #F4FBF7;

  /* Neutrals */
  --fik-ink:         #102A43;
  --fik-text:        #475261;
  --fik-muted:       #6b7686;
  --fik-line:        #e4e8ee;
  --fik-line-soft:   #eef1f5;
  --fik-bg:          #ffffff;
  --fik-bg-alt:      #F8FBFA;

  /* Level / status accents */
  --fik-level-beginner-bg:     #e4f4ea;
  --fik-level-beginner-fg:     #2b7a4b;
  --fik-level-intermediate-bg: #e6eefb;
  --fik-level-intermediate-fg: #2b5197;
  --fik-level-advanced-bg:     #efe8fa;
  --fik-level-advanced-fg:     #5b3fa0;
  --fik-level-conversation-bg: #fdeaef;
  --fik-level-conversation-fg: #a93b5c;
  --fik-level-topik-bg:        #fdf0e2;
  --fik-level-topik-fg:        #9b6116;
  --fik-level-culture-bg:      #e5f3f6;
  --fik-level-culture-fg:      #236b7a;

  /* Seat / enrolment states */
  --fik-state-open-bg:   #e4f4ea;
  --fik-state-open-fg:   #2b7a4b;
  --fik-state-few-bg:    #fdf0e2;
  --fik-state-few-fg:    #9b6116;
  --fik-state-full-bg:   #f3f4f6;
  --fik-state-full-fg:   #6b7280;
  --fik-state-soon-bg:   #e9f1fb;
  --fik-state-soon-fg:   #2b5197;

  /* Type */
  --fik-font-head: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --fik-font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;

  /* Geometry */
  --fik-radius-sm:  10px;
  --fik-radius:     15px;
  --fik-radius-lg:  18px;
  --fik-radius-pill: 999px;

  /* Elevation */
  --fik-shadow-sm: 0 1px 2px rgba(16, 42, 67, .05);
  --fik-shadow:    0 2px 8px rgba(16, 42, 67, .06);
  --fik-shadow-lg: 0 6px 20px rgba(16, 42, 67, .09);

  /* Rhythm */
  --fik-gap:       24px;
  --fik-section-y: 34px;
  --fik-container: 1240px;
}

@media (max-width: 768px) {
  :root { --fik-section-y: 26px; --fik-gap: 18px; }
}