/* ============================================
   Learner Support — Shared Theme Tokens
   --------------------------------------------
   Single source of truth for colour, type, spacing, shadows.
   Imported by:
     • activity-maker/css/dashboard.css
     • activity-maker/css/player.css
     • activity-maker/css/editor.css
     • assets/css/learner.css   (public homepage / folder pages)
   ============================================ */

:root {
    /* ---- Canonical (--ls-*) namespace ----
       Use these in any new CSS. The --am-* and --pl-* aliases below exist
       only so existing files keep working unchanged. */

    --ls-ink:               #1a1a2e;
    --ls-paper:             #faf9f6;
    --ls-paper-cool:        #f0f4f8;

    --ls-primary:           #2d6a4f;
    --ls-primary-light:     #40916c;
    --ls-primary-pale:      #d8f3dc;

    --ls-accent:            #e76f51;
    --ls-accent-pale:       #fde8e2;

    --ls-muted:             #8d99ae;
    --ls-border:            #dee2e6;

    --ls-success:           #2d6a4f;
    --ls-error:             #c1121f;
    --ls-warning:           #e9c46a;

    --ls-radius:            12px;
    --ls-radius-sm:         8px;
    --ls-radius-lg:         16px;

    --ls-shadow:            0 4px 24px rgba(0,0,0,0.08);
    --ls-shadow-sm:         0 2px 8px rgba(0,0,0,0.06);
    --ls-shadow-lg:         0 8px 32px rgba(0,0,0,0.1);

    --ls-transition:        0.2s ease;

    --ls-font-sans:         'DM Sans', 'Segoe UI', system-ui, -apple-system, sans-serif;
    --ls-font-display:      'Fraunces', Georgia, serif;

    /* ---- Activity Maker (dashboard) aliases — backwards compat ----
       Originally defined in activity-maker/css/dashboard.css:5-23. */

    --am-ink:               var(--ls-ink);
    --am-paper:             var(--ls-paper);
    --am-primary:           var(--ls-primary);
    --am-primary-light:     var(--ls-primary-light);
    --am-primary-pale:      var(--ls-primary-pale);
    --am-accent:            var(--ls-accent);
    --am-accent-pale:       var(--ls-accent-pale);
    --am-muted:             var(--ls-muted);
    --am-border:            var(--ls-border);
    --am-success:           var(--ls-success);
    --am-error:             var(--ls-error);
    --am-warning:           var(--ls-warning);
    --am-radius:            var(--ls-radius);
    --am-radius-sm:         var(--ls-radius-sm);
    --am-shadow:            var(--ls-shadow);
    --am-shadow-sm:         var(--ls-shadow-sm);
    --am-transition:        var(--ls-transition);

    /* ---- Player aliases — backwards compat ----
       Originally defined in activity-maker/css/player.css:6-25.
       Note: --pl-paper, --pl-radius, --pl-shadow intentionally differ from
       their --am- counterparts (the player uses softer colours, larger radii
       and stronger shadows for the learner-facing surface). */

    --pl-ink:               var(--ls-ink);
    --pl-paper:             var(--ls-paper-cool);
    --pl-primary:           var(--ls-primary);
    --pl-primary-light:     var(--ls-primary-light);
    --pl-primary-pale:      var(--ls-primary-pale);
    --pl-accent:            var(--ls-accent);
    --pl-accent-pale:       var(--ls-accent-pale);
    --pl-correct:           var(--ls-success);
    --pl-correct-bg:        var(--ls-primary-pale);
    --pl-wrong:             var(--ls-error);
    --pl-wrong-bg:          #fde2e4;
    --pl-muted:             var(--ls-muted);
    --pl-border:            var(--ls-border);
    --pl-card-bg:           #ffffff;
    --pl-radius:            var(--ls-radius-lg);
    --pl-radius-sm:         10px;
    --pl-shadow:            var(--ls-shadow-lg);
    --pl-shadow-sm:         0 2px 12px rgba(0,0,0,0.06);
}

/* Minimal reset shared by all surfaces */
* { margin: 0; padding: 0; box-sizing: border-box; }