{"version":3,"sourceRoot":"","sources":["../../src/tokens/typography.scss"],"names":[],"mappings":"AAAA,cACE,MAQE,8EAQA,gFAQA,qDASA,8BAOA,8BAOA,0BACA,iDAOA,8BACA,kDAOA,8BACA,6CAOA,+BAOA,6BAOA,8BASA,8BAOA,+BAOA,6BASA,sCAOA,sCAOA,qCAOA,qCAOA,uCASA,+BAOA,8BAOA,+BAOA,8BAOA,6BAIF,uBACE,MAQE,8BAOA,4BAOA,+BAOA,gCAKJ,iBACE,oFAKF,iBACE","file":"typography.css","sourcesContent":["@layer tokens {\n  :root {\n    /* Font faces */\n\n    /*\n    * @name Font Face - Sans Serif\n    * @description The default font face for the application.\n    * @type Font Face\n    */\n    --nano-font-sans:\n      \"Noto Sans\", \"Noto Sans Fallback: Arial\", arial, sans-serif;\n\n    /*\n    * @name Font Face - Mono\n    * @description The serif font face for the application.\n    * @type Font Face\n    */\n    --nano-font-mono:\n      SFMono-Regular, Consolas, \"Liberation Mono\", Menlo, monospace;\n\n    /*\n    * @name Font Face - Serif\n    * @description The serif font face for the application.\n    * @type Font Face\n    */\n    --nano-font-serif: Georgia, \"Times New Roman\", serif;\n\n    /* Font sizes */\n\n    /*\n    * @name Font Size 2XS\n    * @description The smallest font size.\n    * @type Font Size\n    */\n    --nano-font-size-2xs: 0.75rem; // 12px\n\n    /*\n    * @name Font Size XS\n    * @description The extra small font size.\n    * @type Font Size\n    */\n    --nano-font-size-xs: 0.875rem; // 14px\n\n    /*\n    * @name Font Size S\n    * @description The small font size.\n    * @type Font Size\n    */\n    --nano-font-size-sm: 1rem; // 16px\n    --nano-font-size-small: var(--nano-font-size-sm); // 16px\n\n    /*\n    * @name Font Size M\n    * @description The medium font size.\n    * @type Font Size\n    */\n    --nano-font-size-md: 1.125rem; // 18px\n    --nano-font-size-medium: var(--nano-font-size-md); // 18px\n\n    /*\n    * @name Font Size L\n    * @description The large font size.\n    * @type Font Size\n    */\n    --nano-font-size-lg: 1.375rem; // 22px\n    --nano-font-size-l: var(--nano-font-size-lg); // 22px\n\n    /*\n    * @name Font Size XL\n    * @description The extra large font size.\n    * @type Font Size\n    */\n    --nano-font-size-xl: 1.6875rem; // 27px\n\n    /*\n    * @name Font Size 2XL\n    * @description The double extra large font size.\n    * @type Font Size\n    */\n    --nano-font-size-2xl: 2.5rem; // 40px\n\n    /*\n    * @name Font Size 3XL\n    * @description The triple extra large font size.\n    * @type Font Size\n    */\n    --nano-font-size-3xl: 3.25rem; // 52px\n\n    /* Font weights */\n\n    /*\n    * @name Font Weight Thin\n    * @description The thinnest font weight.\n    * @type Font Weight\n    */\n    --nano-font-weight-light: 300;\n\n    /*\n    * @name Font Weight Normal\n    * @description The normal font weight.\n    * @type Font Weight\n    */\n    --nano-font-weight-normal: 400;\n\n    /*\n    * @name Font Weight Bold\n    * @description The bold font weight.\n    * @type Font Weight\n    */\n    --nano-font-weight-bold: 700;\n\n    /* Letter spacings */\n\n    /*\n    * @name Letter Spacing - Tighter\n    * @description The tightest letter spacing.\n    * @type Letter Spacing\n    */\n    --nano-letter-spacing-denser: -0.03em; // -0.48px (at 16px)\n\n    /*\n    * @name Letter Spacing - Dense\n    * @description The tighter dense spacing.\n    * @type Letter Spacing\n    */\n    --nano-letter-spacing-dense: -0.015em; // -0.24px (at 16px)\n\n    /*\n    * @name Letter Spacing - Normal\n    * @description The normal letter spacing.\n    * @type Letter Spacing\n    */\n    --nano-letter-spacing-normal: normal;\n\n    /*\n    * @name Letter Spacing - Loose\n    * @description The loose letter spacing.\n    * @type Letter Spacing\n    */\n    --nano-letter-spacing-loose: 0.025em; // 0.4px (at 16px)\n\n    /*\n    * @name Letter Spacing - Looser\n    * @description The looser letter spacing.\n    * @type Letter Spacing\n    */\n    --nano-letter-spacing-looser: 0.0375em; // 0.6px (at 16px)\n\n    /* Line heights */\n\n    /*\n    * @name Line Height - Tighter\n    * @description The tightest line height.\n    * @type Line Height\n    */\n    --nano-line-height-denser: 1.2;\n\n    /*\n    * @name Line Height - Dense\n    * @description The dense line height.\n    * @type Line Height\n    */\n    --nano-line-height-dense: 1.4;\n\n    /*\n    * @name Line Height - Normal\n    * @description The normal line height.\n    * @type Line Height\n    */\n    --nano-line-height-normal: 1.6;\n\n    /*\n    * @name Line Height - Loose\n    * @description The loose line height.\n    * @type Line Height\n    */\n    --nano-line-height-loose: 1.8;\n\n    /*\n    * @name Line Height - Looser\n    * @description The looser line height.\n    * @type Line Height\n    */\n    --nano-line-height-looser: 2;\n  }\n\n  // Mobile\n  @media (width <=767px) {\n    :root {\n      /* Font sizes */\n\n      /*\n      * @name Font Size 2XS (Mobile)\n      * @description The smallest font size on mobile.\n      * @type Font Size\n      */\n      --nano-font-size-l: 1.3125rem; // 21px\n\n      /*\n      * @name Font Size XS (Mobile)\n      * @description The extra small font size on mobile.\n      * @type Font Size\n      */\n      --nano-font-size-xl: 1.5rem; // 24px\n\n      /*\n      * @name Font Size S (Mobile)\n      * @description The small font size on mobile.\n      * @type Font Size\n      */\n      --nano-font-size-2xl: 2.125rem; // 34px\n\n      /*\n      * @name Font Size M (Mobile)\n      * @description The medium font size on mobile.\n      * @type Font Size\n      */\n      --nano-font-size-3xl: 2.625rem; // 42px\n    }\n  }\n\n  // Japanese font-face\n  :root[lang^=\"ja-\"] {\n    --nano-font-sans:\n      \"Noto Sans JP\", \"Noto Sans JP Fallback: Arial\", arial, sans-serif;\n  }\n\n  // Simplified Chinese font-face\n  :root[lang^=\"zh-\"] {\n    --nano-font-sans:\n      \"Noto Sans SC\", \"Noto Sans SC Fallback: Arial\", arial, sans-serif;\n  }\n}\n"]}