/*
 * Daar us Sunnah — Ecosystem Design Tokens
 * -------------------------------------------
 * Canonical shared identity for DuSunnah web properties.
 *
 * This file deliberately contains tokens only.
 * It does not style Maintenance, School or WordPress by itself.
 */

:root {
    /* Institutional palette */
    --dus-paper: #fcf9f3;
    --dus-paper-soft: #f7f4ee;
    --dus-surface: #ffffff;

    --dus-ink: #111111;
    --dus-ink-soft: #4a4441;
    --dus-muted: #7a7168;

    --dus-rule: #e2d8cf;
    --dus-rule-strong: #cfc7bf;

    /* Editorial accent */
    --dus-accent: #a6533d;
    --dus-accent-deep: #823d2d;
    --dus-accent-soft: #faf1ea;

    /* Semantic colours — functional UI only */
    --dus-success: #2f7d57;
    --dus-warning: #886c2b;
    --dus-danger: #a13d32;

    /* Typography */
    --dus-sans:
        -apple-system,
        BlinkMacSystemFont,
        "SF Pro Text",
        "SF Pro Display",
        system-ui,
        "Segoe UI",
        sans-serif;

    --dus-serif:
        Georgia,
        "Times New Roman",
        serif;

    --dus-arabic:
        "Amiri",
        "Noto Naskh Arabic",
        serif;

    /* Width system */
    --dus-shell: 1280px;
    --dus-wrap: 1184px;
    --dus-content: 1040px;
    --dus-reading: 760px;

    /* Spacing */
    --dus-space-1: 4px;
    --dus-space-2: 8px;
    --dus-space-3: 12px;
    --dus-space-4: 16px;
    --dus-space-5: 20px;
    --dus-space-6: 24px;
    --dus-space-8: 32px;
    --dus-space-10: 40px;
    --dus-space-12: 48px;
    --dus-space-16: 64px;
    --dus-space-20: 80px;
    --dus-space-24: 96px;

    /* Shape */
    --dus-radius-sm: 2px;
    --dus-radius-md: 4px;
    --dus-radius-lg: 8px;

    /* Motion */
    --dus-transition: 150ms ease;

    /* Shadows — deliberately restrained */
    --dus-shadow-sm: 0 1px 2px rgba(17, 17, 17, .05);
    --dus-shadow-md: 0 8px 30px rgba(17, 17, 17, .07);
}