/* Syam & Co Theme Settings
   =======================================================
   File ini ialah pusat kawalan warna dan saiz asas website.

   Kalau mahu tukar warna seluruh website, edit file ini sahaja.
   Jangan tukar nama variable. Tukar value sahaja.
*/

:root {
    /*
    |--------------------------------------------------------------------------
    | Main Background
    |--------------------------------------------------------------------------
    */

    --bg: #ffffff;
    --bg-soft: #f6f8fb;
    --card: #ffffff;

    /*
    |--------------------------------------------------------------------------
    | Text
    |--------------------------------------------------------------------------
    */

    --text: #1b2430;
    --muted: #65758b;

    /*
    |--------------------------------------------------------------------------
    | Syam & Co Brand Theme
    |--------------------------------------------------------------------------
    | Primary: corporate navy
    | Accent : warm gold
    */

    --primary: #0f3557;
    --primary-dark: #09233b;
    --primary-soft: #eaf1f8;

    --accent: #c99a2e;
    --accent-dark: #9d741c;
    --accent-soft: #fff6df;

    /*
    |--------------------------------------------------------------------------
    | Border, Shadow & Layout
    |--------------------------------------------------------------------------
    */

    --line: #e2e8f0;
    --line-dark: #cbd5e1;

    --shadow: 0 18px 45px rgba(15, 23, 42, 0.08);
    --shadow-soft: 0 10px 26px rgba(15, 23, 42, 0.06);

    --radius: 18px;
    --radius-small: 12px;

    --container: 1120px;

    /*
    |--------------------------------------------------------------------------
    | Header
    |--------------------------------------------------------------------------
    */

    --header-bg: rgba(255, 255, 255, 0.96);
    --header-height: 78px;

    /*
    |--------------------------------------------------------------------------
    | Footer
    |--------------------------------------------------------------------------
    */

    --footer-bg: #08111f;
    --footer-text: #dbe4f0;
    --footer-muted: #aebccd;
}

/*
|--------------------------------------------------------------------------
| Optional Darker Corporate Theme
|--------------------------------------------------------------------------
| Simpan sebagai rujukan. Jangan aktifkan dahulu.

:root {
    --bg: #ffffff;
    --bg-soft: #f4f6f8;
    --card: #ffffff;

    --text: #172033;
    --muted: #64748b;

    --primary: #102a43;
    --primary-dark: #071b2f;
    --primary-soft: #edf4fb;

    --accent: #b98a20;
    --accent-dark: #8a6517;
    --accent-soft: #fff7df;

    --line: #e2e8f0;
    --line-dark: #cbd5e1;

    --shadow: 0 18px 45px rgba(15, 23, 42, 0.08);
    --shadow-soft: 0 10px 26px rgba(15, 23, 42, 0.06);

    --radius: 18px;
    --radius-small: 12px;

    --container: 1120px;

    --header-bg: rgba(255, 255, 255, 0.96);
    --header-height: 78px;

    --footer-bg: #07111f;
    --footer-text: #dbe4f0;
    --footer-muted: #aebccd;
}
*/