/*
 * Design tokens shared by every screen of the School Attendance System.
 * Loaded first (as a dependency) by every other stylesheet in this
 * plugin so the whole plugin -- front-end forms, reports, SMS, and the
 * wp-admin pages -- reads as one consistent product instead of five
 * separately styled modules.
 */
:root {
    --sas-font: 'Vazirmatn', 'IRANSansWeb', Tahoma, Arial, sans-serif;

    /* Brand / accent */
    --sas-primary: #2f6f4f;
    --sas-primary-dark: #234f39;
    --sas-primary-light: #e7f2ec;
    --sas-accent: #2563eb;

    /* Neutrals */
    --sas-ink: #1f2933;
    --sas-ink-soft: #475569;
    --sas-muted: #64748b;
    --sas-border: #dbe2ea;
    --sas-border-soft: #e8edf3;
    --sas-surface: #ffffff;
    --sas-surface-muted: #f6f8fa;
    --sas-surface-strip: #f1f5f4;

    /* Status colors */
    --sas-success-bg: #eaf7ee;
    --sas-success-border: #a9d9b6;
    --sas-success-ink: #1f7a3d;

    --sas-error-bg: #fdeeee;
    --sas-error-border: #eab3b3;
    --sas-error-ink: #a3231f;

    --sas-warning-bg: #fef6e7;
    --sas-warning-border: #f0d497;
    --sas-warning-ink: #92620c;

    --sas-info-bg: #eaf2fb;
    --sas-info-border: #b9d3f0;
    --sas-info-ink: #1f5a96;

    /* Shape */
    --sas-radius-sm: 6px;
    --sas-radius: 10px;
    --sas-radius-lg: 14px;
    --sas-shadow: 0 6px 18px rgba(15, 23, 42, 0.06);
    --sas-shadow-sm: 0 2px 6px rgba(15, 23, 42, 0.05);

    /* Spacing */
    --sas-space-xs: 6px;
    --sas-space-sm: 10px;
    --sas-space-md: 16px;
    --sas-space-lg: 24px;
}